ReactNative菜鸟备忘录(个人备忘)

环境搭建与项目创建篇

环境搭建

入门Q&A

Q：创建新项目，react-native init AwesomeProject命令长时间无响应，或报错shasum check failed

A：由于众所周知的网络原因，react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像：

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global

另，执行init时切记不要在前面加上sudo（否则新项目的目录所有者会变为root而不是当前用户，导致一系列权限问题，请使用chown修复）。

安装与运行：

react-native init MyProject cd MyProject react-native run-ios

在设备上运行

基础组件

View是React Native应用中最基础的“容器”。View是对不同目标平台基础视图控件的抽象封装，比如它对应iOS上的UIView 。

View好比div标签，基础组件包装在View中能够更好地控制样式布局等。

Text展示文本，Image展示图片。

<View style={{alignItems: 'center'}}> <Text>Hello!</Text> <Image source={require('./img/check.png')} /> </View>

TextInput，ListView

此处暂时省略500字

还没想好标题

使用flexbox布局

嗯 目前跟着论坛技术博客 搞出了这个样子