如何在android上设置react原生导航

Question

安装WIX react原生导航时，我遇到了一些问题，我正确地执行了文档中的步骤，但当运行应用程序和Configure the libs时，以及当到达Configure react native vector图标时，我有"构建失败">

> Configure project :react-native-vector-icons
The CompileOptions.bootClasspath property has been deprecated and is scheduled to be removed in Gradle 5.0. Please use the CompileOptions.bootstrapClasspath property instead.

FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'.
> java.lang.RuntimeException: java.lang.RuntimeException: com.android.builder.dexing.DexArchiveMergerException: Unable to merge dex Unable to merge dex

所以我不知道怎么了，如果你有同样的问题并解决了，请帮我

Answer 1

对于屏幕之间的导航以及React Native应用程序的路由和导航，您可以切换到React navigation 3xhttps://reactnavigation.org/.它是一个可扩展但易于使用的导航解决方案，完全用JavaScript编写(因此您可以阅读和理解所有源代码)，再加上强大的本地原语。

如果您已经熟悉React Native，那么您将能够快速使用React Navigation！

在您的react Native项目中安装react导航包。

yarn add react-navigation

或使用npm

npm install --save react-navigation

接下来，安装react本机手势处理程序。如果你正在使用Expo，你不需要在这里做任何事情，它包含在SDK中。否则：

yarn add react-native-gesture-handler

或使用npm

npm install --save react-native-gesture-handler

链接所有本机依赖项：

react-native link react-native-gesture-handler

iOS不需要其他步骤。

要完成Android版react-native-gesture-handler的安装，请确保对MainActivity.java:进行必要的修改

package com.reactnavigation.example;
import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
public class MainActivity extends ReactActivity {
@Override
protected String getMainComponentName() {
return "Example";
}
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Override
protected ReactRootView createRootView() {
return new RNGestureHandlerEnabledRootView(MainActivity.this);
}
};
}
}

你可以走了！