Articles of react native

React Native – java.lang.RuntimeException:找不到SDK位置。 使用local.properties中的sdk.dir定义位置

React Native入门。 我确实安装了Android SDK,Java SDK和Android依赖项。 在终端上运行演示应用程序时收到以下错误。 我确实运行了Galaxy Emulator: ~ emulator @galaxy HAXM is working and emulator runs in fast virt mode emulator: UpdateChecker: skipped version check 现在我运行它: ~ react-native run-android Starting JS server… Building and installing the app on the device (cd android && ./gradlew installDebug)… Failed to notify ProjectEvaluationListener.afterEvaluate(), but primary configuration failure takes […]

使用expo工具包在native native中加载自定义本机组件

我试图加载自定义Android WebView,以便能够使用html文件输入上传文件(默认情况下,Android webview不能使用输入文件)。 我使用这个代码 ,唯一的区别是我使用expo工具包,所以我的MainApplication.java是不同的(默认情况下inheritance自另一个类): public class MainApplication extends MultiDexApplication { // Needed for `react-native link` public List getPackages() { return Arrays.asList( new MainReactPackage(), new CustomWebViewPackage() ); } @Override public void onCreate() { super.onCreate(); SoLoader.init(this, /* native exopackage */ false); } } 基本上git代码所做的是覆盖默认的反应本机webview以使其在Android中使用CustomWebView.java,使用requireNativeComponent和此代码( 这在CustomWebView.android.js上 ): var RCTWebView = requireNativeComponent(‘CustomWebView’, WebView, { nativeOnly: { messagingEnabled: PropTypes.bool, […]

如何在React Native中创建对角线边框?

我正在根据设计师的设计构建React Native应用程序。 该设计有几个地方有按钮或具有一条对角线的形状(参见下面的例子)。 我已经尝试过使用SkewX但这似乎只是旋转了整个形状(并且似乎无论如何都不适用于Android)。 如何在一侧绘制一个带有对角线边框的矩形/按钮?

本机如何禁用android开发模式

我已经读过在Android中禁用开发模式可以帮助加快Android模拟器的一些问题,因为它目前没有响应。 如何禁用开发模式? 我在react本机文件中找不到任何bool值或任何地方。

如何在真实设备上打开react-native的开发菜单

我已经看到了一些边界案例和奇怪的开发人员界面。 来自“摇动你的设备” ,这是非常不切实际的,特别是平板电脑 要解决Android工作室模拟按钮按下。 有一致的方法吗? 我们不能使用实习API在我们的应用程序中设置调试按钮来启动navigator.popUpDevMenu()这样的菜单吗? 如果没有,你如何摇动你的平板电脑才能让它运转起来。 这是为了解决如何在真实设备上配置HMR 。 React native确实改善了开发体验,但我会说特别的东西会减慢它的速度。

生成apk时React Native Android重复文件错误

当我尝试使用./gradlew installRelease生成android apk时,我在控制台中收到此错误: ~/React-Native/mockingbird/android/app/build/intermediates/res/merged/release/drawable-mdpi-v4/src_resources_img_loading.gif: error: Duplicate file. ~/React-Native/mockingbird/android/app/build/intermediates/res/merged/release/drawable-mdpi/src_resources_img_loading.gif: Original is here. The version qualifier may be implied. 我通过Android Studio尝试了./gradlew installRelease Build->Clean Project并再次运行./gradlew installRelease ; 它也没用。 此外,我尝试删除build文件夹,但它也没有帮助。

尝试在Chrome中调试时,React Native Android崩溃

我有一个适用于iOS的React Native应用程序,我正在尝试为Android启动并运行它。 我已经在模拟器中启动并运行了应用程序,我想在Chrome中调试它以找出一些问题。 当我打开应用程序开发工具并单击“在Chrome中调试”选项时,应用程序崩溃了几秒钟就会出现问题,我收到一条警告消息“不幸的是MyApp已经停止”。 然后,应用程序重新启动红色屏幕并显示“无法连接远程调试器”。 我相信我已按照本页面上的说明设置了所有内容。 有谁见过这种问题,如果有的话有办法解决吗? 谢谢!

什么相当于Android中的ActionSheetIOS?

React Native是否具有相当于Android的ActionSheetIOS ? 某种popup菜单的选项可供选择?

React Native是否真的支持Android碎片?

这个问题比它看起来更难回答。 ReactFragmentActivity确实存在于React Native的主分支中,但是 创建React片段有一个未解决的问题,请参阅https://github.com/facebook/react-native/pull/12199/commits/e5b68717f57c41f5f1e77c289bdb4f673bb242f1 //这尚未获得批准,但需要得到承认。 我在github等上查看了几十个React Native示例,并且从未显示过片段。 certificate我错了! 显然并非不可能看到: 片段中的React-native,但这个解决方案似乎并不能完全处理触摸事件。 我的印象是React Native主要关注控制布局的整个活动的根视图。 我认为在拍摄片段时会有一些谨慎使用。 作为旁注,React本身(不是React Native)似乎有自己的片段概念。 我甚至猜测React Native灵活的瑜伽布局管理器,因为它不想处理Android碎片。 新应用程序不是一个问题,但是将React Native集成到现有应用程序中这是真正的问题! 如果你不知道但是想知道请你投票给这个问题!

如何在反应原生中导航到下一个组件时完成当前组件

嗨,我正在尝试使用navigatefunction导航到下一个组件。 我在多个组件之间使用react-navigation进行导航。 假设我有index.android.js和DashboardScreen.js组件。 我试图从索引组件导航到DashboardScreen.js组件。 它正在导航,但索引组件始终保留在组件堆栈中。 当我按回然后它打开index.android.js ,这不应该。 有谁知道如何在react-native管理它。 在Android中, finish()适用于此。 navigate(“DashboardScreen”); 当我从SplashScreen导航到EnableNotification SplashScreen应该被销毁,如果我从EnableNotification导航到CreateMessage那么应该销毁EnableNotification ,如果我从CreateMessage导航到DashboardScreen那么应该销毁CreateMessage 。 截至目前,没有任何组件被销毁。 index.android.js class SplashScreen extends Component { render() { if (__DEV__) { console.disableYellowBox = true; } const { navigate } = this.props.navigation; AsyncStorage.getItem(“@ProductTour:key”).then(value => { console.log(value); if (value) { navigate(“DashboardScreen”); } }); return ( …. ); } } const App […]