一 React Native 组件的生命周期
在React Native项目中,所有展示的界面都可以看做是一个组件(Component),例如在BugShop 项目中的 app.js中
import React,{ Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
TextInput,
Button,
View,
ScrollView,
Platform,
Dimensions
} from 'react-native';
export default class buyShop extends Component
StatusBar 组件常用属性的平台兼容性:
animated 和hidden属性在iOS、Android平台都有效
backgroundColor 和 translucent 属性只在Android平台有效。
barStyle、networkActivityIndicatorVisible以及showHideTransition属性只在iOS平台有效。
二、移植项目
首先 AppRegistry 是所有的React Native 应用的入口,应用的根组件通过AppRegistry.registerComponent方法注册自己,然后原生系统才可以加载 React Native 应用的代码并运行项目流程图如下:
1.更改 index.ios.js
2.复制 app.js到新项目的目录
3.用Xcode打开新项目,运行后:
根据根视图加载原理进行修改后再次运行
代码片段:https://github.com/kangxg/React-Native-.git
运行成功,接下来就进行修改进行电商项目的开发!
原文地址:https://www.jb51.cc/react/302819.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。