Android 基础
四种组件:
环境配置 及 启动
Node.js >= 14 npm config set registry https://registry.npm.taobao.org npm install -g yarn (yarn add 代替 npm install) npm install -g react-native-cli JDK >= 11 下载android studio android sdk 12 创建项目 npx react-native init AwesomeProject 运行 npx react-native run-android (重启是一个很好的解决办法)
布局及组件
内置组件
官网查看详情
Flexbox :
- flexDireaction : row column
- justifyContent(水平) : flex-start(默认) center flex-end space-around space-evenly space-between
- alignItems(竖直) : flex-start center flex-end stretch baseline
- flex : flexRow flexColumn
- 还有很多
Dimensions :
- Dimensions.get(‘window’).width 获得宽度
- Dimensions.get(‘window’).height 获得高度
Touchable
- TouchableHighlight
- TouchableOpacity
- TouchableWithoutFeedback
Animated:
- Animated.View
- Animated.Timing
- Animated.Value(0)
还有很多
第三方组件
WebView yarn add react-native-webview
自定义组件
实战
和风天气API 聚合新闻API
应用改名
android/app/src/main/res/values/strings.xml
|