Android 基础
四种组件:
- Activity
- 服务
- 广播接收器
- 内容提供程序
环境配置 及 启动
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