Ios Sample React Native App

最新推荐文章于 2024-06-24 11:32:55 发布

水桶前辈

最新推荐文章于 2024-06-24 11:32:55 发布

阅读量480

点赞数

分类专栏： React Native&Weex

本文链接：https://blog.csdn.net/robinson_911/article/details/50442525

版权

React Native&Weex 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

效果图如下：带导航栏的React Native界面，虽然此界面是通过js代码写的，但是确是原生的界面做的展示。

以下为index.ios.js 中的代码

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';

var React = require('react-native');

var Main = require('./App/Component/Main');


//带导航栏的hello world 
//加载React的各种组建
var {
  Text,
  View,
  StyleSheet,
  NavigatorIOS,
  Navigator,
  AppRegistry
} = React;

var styles = React.StyleSheet.create({
  text: {
    color: 'black',
    backgroundColor: 'white',
    fontSize: 30,
    margin: 80
  },
  container: {
    flex: 1
  }
});

class AwesomeProject extends React.Component {
  render() {
    return (
      <NavigatorIOS
        style={styles.container}
        initialRoute={{
          title: 'Property Finder',
         component: Main,
        }}/>
    );
  }
}

AppRegistry.registerComponent('AwesomeProject', function() { return AwesomeProject });