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

最終效果:

react native template 創建項目_Java

啓動項目到真機,

確保項目沒有在其他地方啓用,手機通過數據線連接電腦,記得授權。最後就安裝你的項目成為一個軟件。