头部导航

最新推荐文章于 2024-07-30 13:02:28 发布

魔地主

最新推荐文章于 2024-07-30 13:02:28 发布

阅读量354

点赞数

分类专栏： react native

本文链接：https://blog.csdn.net/u013802160/article/details/51909904

版权

react native 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了一个使用React Native实现的应用程序导航结构。通过创建自定义的`AwesomeProject`组件，利用`NavigatorIOS`来实现iOS应用中的页面切换，并展示了如何设置初始路由。此外，还提供了一个简单的`Index`页面示例。

摘要由CSDN通过智能技术生成

index.ios.js

var React = require('react-native');
var Index = require('./iospage/Index');

var {
    NavigatorIOS,
      AppRegistry,
    StyleSheet,
} = React;

var AwesomeProject = React.createClass({
    render: function(){
      return(
          <NavigatorIOS
            style={styles.container}
            initialRoute={{
              title: '首页',
              component: Index,
            }}
            />
      );
    }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
  }
});


AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

同级文件iospage下的Index.js

var React=require('react-native');
var {
    StyleSheet,Text,View,Image,TouchableHighlight,ScrollView,
}=React;
var index=React.createClass({
    render:function(){
    return (<View></View>);
    }
});
module.exports=index;