React Native是做什麼?我就不廢話了,主要記錄一下Demo跑起來的流程。
開發流程:
開發平台:LinuxWindows 目標平台: Android
1.安裝環境(JDK,Android Studio的安裝需要注意)
2.創建項目 react-native init AwesomeProject
3.運行項目到Android 模擬器
重點:
我看到他人React Native 中還需要安裝其他模擬器等之類,很是繁瑣。我建議大家入門要簡單,流程要清晰,多看官方文檔。
文檔-->入門基礎-->配置開發環境(根據文檔走一定沒有錯,告訴你一個秘密:文檔做的很不錯)
重點:必須安裝的依賴有:Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。(對於前端工程師還是有點難度的)
Node,Python2自己就可以搞定。其他的要走點心。
遇到的問題
Java JDK 需要配置
推薦一個介紹文檔
這個地方我走過坑,以為只安裝一下JDK就可以。
Java安裝包;鏈接: https://pan.baidu.com/s/1oHFDLzH8zfBQM5qUAmH_3Q 提取碼: 8ixr
Android Studio
通過中文網速度下載快。
安裝項目後 app.js有錯 react-native init newProject
所以 直接更改了App.js內容
export default class HelloWorldApp extends Component {
render() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text style={styles.red}>Hello, world!</Text>
<Text>Hello, 歡迎來到React Native學堂!</Text>
<Text>Hello, world!</Text>
<Text>Hello, world!</Text>
</View>
);
}
}
啓動項目到模擬器
為啥要説這個呢,本人之前做React,項目啓動 run start 習慣了,結果先手殘着取run start,再去 react-native run-android,結果
報錯,所以一定要安裝文檔上來,認真讀文檔。
react-native run-android
最終效果:
啓動項目到真機,
確保項目沒有在其他地方啓用,手機通過數據線連接電腦,記得授權。最後就安裝你的項目成為一個軟件。