react-native组件TabBarIOS

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后面的类名相同

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容