-
/** * 方式三、函数式 无状态，无法使用this，因为其没有指针，没有生命周期方法 */ pros 为函数的参数 通过使用{pros.name}来获得从setup.js中传过来的值， function HelloComponent(pros){ return ( <Text style={{fontSize:20,backgroundColor:'red'}}>Hello 函数式 {pros.name}</Text> ); } module.exports=HelloComponent; //导出 当然此前需要在setup.js中做如下修改： <HelloComponent name = "晓明"/> 第一种和第二种方式也可以通过{this.pros.name}来获得setup.js中传过来的值查看全部
-
/** * 方式一、ES6创建组件的方式 * 推荐 */ 新建HelloComponent.js export default class HelloComponent extends Component { render() { return ( <Text style={{fontSize:20,backgroundColor:'red'}}>Hello sun</Text> ); } } 在setup.js中 import HelloComponent from './HelloComponent' //加入此行 export default class imooc_simple extends Component { render() { return ( <View style={styles.container}> <HelloComponent/> //使用HelloComponent组件 </View> ); } } /** * 方式二、ES5创建组件的方式 */ 在HelloComponent.js中 var HelloComponent=React.createClass({ render() { return ( <Text style={{fontSize:20,backgroundColor:'red'}}>Hello ES5创建组件的方式</Text> ); } }) module.exports=HelloComponent; //导出查看全部
-
无论是android还是ios，当它启动之后，使其加载同一段代码： 1）新建setup.js文件,名字自己取 2）将index.ios.js中的代码复制到setup.js 3）将index.ios.js和index.android.js里面相关的布局都去掉，直接在setup.js里写 4) 在index.ios.js和index.android.js中加入：import setup from './setup' 5）运行，则此时只需要改setup.js就可以实现android和ios两者的变化查看全部
-
创建组件的三种方式： 参见截图查看全部
-
图例如下：查看全部
-
什么是React Native组件？ React 组件让你将UI分割成独立的、可重用的一些碎片或部分，这些部分都是相互独立的。查看全部
-
用了React Native的好处： 一才两用：android和ios复用 开发成本低 代码复用率高 支持动态更新查看全部
-
React Native优点 跨平台 低投入高回报 性能高 支持动态更新查看全部
-
传统开发痛点： 人员稀缺 开发成本高 代码复用率低 无法动态更新查看全部
-
为什么要用React Native？查看全部
-
什么是React Native查看全部
举报
0/150
提交
取消