一.React-Native一套代碼同時運行在IOS和安卓上面

React-Native我們需要寫一套代碼同時運行在IOS和安卓上面,為了做到這一點我們把index.ios.js和index.android.js中的代碼刪除掉,然后新建一個

App.js文件,內(nèi)容如下:

importReact, {Component}from'react';

import{

StyleSheet,

Text,

View

}from'react-native';

classAppextendsComponent{

render() {

return(

Welcome to React Native!

);

}

}

conststyles=StyleSheet.create({

welcome: {

fontSize:20,

textAlign:'center',

margin:10,

},

});

export defaultApp


第二步,修改index.ios.js和index.android.js

修改如下

importReact, {Component}from'react';

import{

StyleSheet,

AppRegistry,

View,

}from'react-native';

importAppfrom'./App'

AppRegistry.registerComponent('ac', () => App);


運行效果如下:無圖,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容