美文网首页
react-native组件TabBarIOS

react-native组件TabBarIOS

作者: 张展豪_RUN | 来源:发表于2016-10-15 20:30 被阅读0次

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

    相关文章

      网友评论

          本文标题:react-native组件TabBarIOS

          本文链接:https://www.haomeiwen.com/subject/xlkoyttx.html