0
点赞
收藏
分享

微信扫一扫

react-native demo 开发环境


expo go官网:

​​https://expo.dev/​​

安装脚手架:

yarn global add expo-cli

创建项目并启动:

expo init my-app

cd my-app

yarn start

react-native demo 开发环境_react native

expo 开发者工具:

react-native demo 开发环境_react.js_02

 手机下载调试软件:

react-native demo 开发环境_android-studio_03

保证手机和电脑在同一个局域网中用苹果手机的照相机扫描expo开发者工具中的二维码即可:

react-native demo 开发环境_react.js_04

 代码:

react-native demo 开发环境_开发者工具_05

 

react-native demo 开发环境_android-studio_06

在电脑安装安卓模拟调试:

android-studio下载并安装:

​​https://android-studio.en.softonic.com/​​

下载:android-sdk_r24.4.1-windows.zip

react-native demo 开发环境_react.js_07

react-native demo 开发环境_javascript_08

react-native demo 开发环境_react native_09

react-native demo 开发环境_开发者工具_10

react-native demo 开发环境_javascript_11

 

react-native demo 开发环境_react.js_12

react-native demo 开发环境_react.js_13

react-native demo 开发环境_react native_14

App.js:

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
return (
<View style={styles.container}>
<Text style={{color: "red", fontSize: 50}}>hello,world!</Text>
<StatusBar style="auto" />
</View>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

react-native demo 开发环境_react native_15

举报

相关推荐

0 条评论