react-native 入门

Question

我正在开始 react-native 以开发 android 和 ios 应用程序。我已按照 this 教程开始。 已安装反应版本 "react": "16.8.6",。我尝试了一些基础知识，它奏效了。但是在尝试开发一些真实的东西时，我找不到一个只使用 react-native 的例子。他们指示我使用“expo”

在 facebook 文档 here 中，他们使用 expo-constants。

  import Constants from 'expo-constants';

问题是与 expo 相关的反应？我也可以尝试使用 expo 进行构建，但我在某处读到它有一些限制。 现在我正在尝试在不使用 expo 的情况下在 react-native 中制作简单的应用程序，我在哪里可以找到合适的文档？

此外，我尝试使用

制作侧边菜单

• 抽屉导航器和
• 堆栈导航器

如this 教程中所述，但我收到错误消息说 **undefined is not a function ** 它指向以下代码行

const FirstActivity_StackNavigator = StackNavigator({

代码是这样的

    const FirstActivity_StackNavigator = StackNavigator({
    First: {
        screen: MainActivity,
        navigationOptions: ({ navigation }) => ({
        title: 'MainActivity',
        headerLeft: <HamburgerIcon navigationProps={navigation} />,

        headerStyle: {
            backgroundColor: '#FF9800'
        },
        headerTintColor: '#fff',
        })
    },
    });

后来我发现 StackNavigator 现在不在“react-navigation”中了。我很困惑。谁能在不使用 expo 或任何其他方式的情况下为我提供任何在 react-native-cli 中重新开始的方法。或者是否也有必要在 react-native-cli 中使用 expo ？ 如果我能找到一个包含应用程序所有构建块的示例应用程序，我就能更好地理解它。谢谢大家。 非常感谢任何形式的帮助。

Answer 1

可以创建简单的 React Native 应用程序，但我真的建议您使用 expo-cli。它更简单，您可以用更少的工作做更多的事情。

关于您的导航器问题。 这样做：

import { createStackNavigator } from 'react-navigation-stack';

createStackNavigator(RouteConfigs, StackNavigatorConfig);

createStackNavigator({
   First: {
    screen: MainActivity,
    navigationOptions: ({ navigation }) => ({
    title: 'MainActivity',
    headerLeft: <HamburgerIcon navigationProps={navigation} />,

    headerStyle: {
        backgroundColor: '#FF9800'
    },
    headerTintColor: '#fff',
    })
  },
});