React Native

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