zoukankan      html  css  js  c++  java
  • use react-navigation@2.18.2

    react-native@0.59.10

    1.install

    npm install react-navigation@2.18.2

    2.in App.js

    import React from 'react';
    import { View, Text, Button } from 'react-native';
    import { createStackNavigator, StackActions, NavigationActions } from 'react-navigation'; // Version can be specified in package.json
    
    class HomeScreen extends React.Component {
      render() {
        return (
          <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
            <Text>Home Screen</Text>
            <Button
              title="Go to Details"
              onPress={() => {
                this.props.navigation.dispatch(StackActions.reset({
                  index: 0,
                  actions: [
                    NavigationActions.navigate({ routeName: 'Details' })
                  ],
                }))
              }}
            />
          </View>
        );
      }  
    }
    
    class DetailsScreen extends React.Component {
      render() {
        return (
          <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
            <Text>Details Screen</Text>
          </View>
        );
      }  
    }
    const RootStack = createStackNavigator({
      Home: {
        screen: HomeScreen,
      },
      Details: {
        screen: DetailsScreen,
      },
    }, {
        initialRouteName: 'Home',
    });
    
    export default class App extends React.Component {
      render() {
        return <RootStack />;
      }
    }
  • 相关阅读:
    pl sql 编程
    maven(一) maven到底是个啥玩意~
    Oracle 数据库管理员
    Oracle 常用函数
    Oracle 事务
    Oracle 分页
    java String类
    java 方法
    java 数组
    java 跨平台 数据类型 修饰符 程序结构
  • 原文地址:https://www.cnblogs.com/dch0/p/13091735.html
Copyright © 2011-2022 走看看