2016年12月27日 星期二

【GIF】讓React Native支援GIF

=====================================
問題環境
OS:Windows 10
開發平台:Android
React Native : 0.39.2
日期:2016/12/28
=====================================
問題:
最近在使用<Image>放上GIF,測試幾次之後發現ReactNative並不是用原生Android的<ImageView>而是使用FaceBook的fresco。

2016年12月22日 星期四

【Interval】使用及關閉

=====================================
問題環境
OS:Windows 10
開發平台:Android
React Native : 0.39.2
日期:2016/12/23
=====================================


問題:
  最近在處理setInterval時常遇到APP當掉,因此在這裡介紹一下正確的使用Interval。

解決:
1.使用時一定要指定個function name給它
this.timer = setInterval( () => {
//更換照片
this.setState({BtnIndex:this.state.BtnIndex+1});
//重設照片來源
this.playButtonView(); },1000);
}

2.有了function name就可以在程式的某個條件下一定要把它關閉掉
舉例
componentWillUnMount(){
//關閉計時器
clearInterval(this.Timer);
}

2016年12月8日 星期四

【Android】保持螢幕常開,全螢幕(Full Screen),畫面翻轉(Orientation)

=====================================
問題環境
OS:Windows 10
開發平台:Android
React Native : 0.38.0
日期:2016/12/09
=====================================
問題:

最近在找API讓螢幕可以翻轉並且全螢幕。


但是都沒有實際作用,因此我打算直接從Android的設定檔下去設定。
建議如果你是要使用多平台的話,還是找個好用的API吧。

【JAVA】Please set the JAVA_HOME variable in your environment to match the location of your Java installation.

=====================================
問題環境
OS:Windows 10
開發平台:Android
React Native : 0.38.0
日期:2016/12/08
=====================================

問題:

最近在重灌電腦時,要執行React Native時跑出「Please set the JAVA_HOME variable in your environment to match the location of your Java installation.」這個錯誤。