react-native组件TabBarIOS

2016-10-15  本文已影响0人  张展豪_RUN

TabBarIOS组件

生成类似下面的控制按钮

图1

由于本示例没有引入第三方图标所以暂时实现不了这三个图标

具体实现如下代码:

由于刚开始学习react-native 如有错误请见谅

图2 图3 图4 图5

我的这个目录大概是这样的  主要是方便看一下图1

let MyText=require("./html/MyText")

是为了引入外部的MyText.js文件

import React,{ Component } from 'react';import {    Text} from 'react-native';

class MyText extends Component{    constructor(props){        super(props)    }   

render(){        return(hello world)    }}

module.exports=MyText;

MyText.js如上代码

module.exports=MyText;    //为了把这个文件暴露出来能被找到

                                          //等号后面的MyText要和class后面的类名相同

上一篇下一篇

猜你喜欢

热点阅读