React native 之android的圖標和啟動圖片


哎哎呀呀,上篇說到了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頁面里包裝導航:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM