时间戳

首页 > 解决方案 > react-native 入门

javascript - react-native 入门

问题描述

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

在此处的facebook 文档中，他们使用 expo-constants。

  import Constants from 'expo-constants';

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

另外我尝试使用

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

常量 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 ？如果我能找到一个包含应用程序所有构建块的示例应用程序，我就能更好地理解它。谢谢大家。任何形式的帮助都将受到高度赞赏。

标签： javascriptandroidreact-nativereact-native-cli

解决方案

可以创建简单的 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',
    })
  },
});

推荐阅读