哎哎呀呀,上篇說到了react native的IOS的圖標和啟動圖片的設置,其實最主要的是尺寸!相應的尺寸設定好了以后就不會報錯了!
ok~這篇說的是React native的android的圖標和啟動頁面!!!!!
1.圖標:
其實android的圖標設置很簡單,一般情況下只需要替換就可以了(當然你也可以不去替換,在資源管理的R.java里面設置也可以,這里不建議)
注意的是在res的文件下的圖片的命名不能出現改變,還有就是他每個尺寸也應該按照規定設定!!!
2.啟動頁:
在react-native的android中的啟動圖和IOS不相同點在於,android沒有默認的啟動圖,(在IOS里面有,詳情見上篇文章),那就需要我們用js自己編寫程序去實現這張啟動頁:
思路:在android.js里面給入口組件包裝導航-----在啟動頁中設置定時器,在頁面渲染結束后的2s后執行repalce()跳轉函數跳轉到主頁面,啟動頁面的核心代碼如下:
export default class Lang extends Component { render(){ return( <View style={styles.container}> <Image source={require('./img/lang.png')} style={styles.ig}/> </View> ) } //在UI初始化渲染結束后,系統自動調用此函數。主要是用於定時器、網絡請求 componentDidMount(){ //設置定時器,相隔2s后切換到主頁面 setTimeout( ()=>{ //頁面的切換,用到無縫切換函數replace // console.log('aa') //ok !既然我們需要跳轉~那么問題來了~我們需要給組件包裝一個導航器。注意:一個APP只有一個導航器,即使導航里面的組件頁面又存在導航,系統的diff算法只會認定后面的導航,也就是還是一個導航 //我們在andorod.js 目錄里面給lang 組件包裝一個導航器,然后就可以使用下面的函數啦~ this.props.navigator.replace( { component:Nav, //切換到具體的板塊 } ) },1000 ); } }
在android頁面里包裝導航: