React-native入门

时间:2019-09-06 12:24:03

标签: javascript android react-native react-native-cli

我正在开始对开发Android和ios应用程序的本机操作。我已按照this教程开始使用。 已安装反应版本“反应”:“ 16.8.6” 。我尝试了一些基础知识,并且有效。但是,当尝试开发一些实际的东西时,我找不到仅使用react-native的单个示例。他们指示我使用“ expo”

在Facebook文档here中,他们使用expo-constants。

  import Constants from 'expo-constants';

问题与expo相关吗?我也可以尝试使用expo进行构建,但是我在某处读到它有一定的局限性。 现在,我试图在不使用expo的情况下使用react-native创建一个简单的应用程序,在哪里可以找到合适的文档?

此外,我尝试使用

制作侧面菜单
  • DrawerNavigator和
  • StackNavigator

this教程中所述,但我收到错误消息,指出** undefined不是函数**,它指向下面的代码行

const FirstActivity_StackNavigator = StackNavigator({

代码像这样

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

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

后来,我发现“ react-navigation”中现在没有 StackNavigator 。我很困惑。谁能为我提供任何无需使用expo或其他任何方法就可以从react-native-cli重新开始的方法。还是也有必要在react-native-cli中使用expo? 如果我可以找到一个示例应用程序,其中包括应用程序的所有构建块,那么我会更好地理解它。谢谢大家 任何帮助都将受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

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