【跳頁】react-native-router-flux 使用

=====================================

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.39.2

日期：2017/03/14

=====================================

問題：

router-flux package中有個Actions可以幫助我們跳頁，但是我們要如何使用Actions跳頁並且刷新頁面呢。

解決方式：

雖然官方GitHub是使用

Action.pop({popNum:<Number>,refresh:{}})

不過不管我怎麼測試都行不通，因此後來我就改成

Action.PAGENAME(refresh:{})

PAGENAME是自己想跳的頁面，也就是從返回頁面取代成跳新頁面的方式，來達成跳頁並刷新，雖然這不是個好方式，但至少可以達到功能呢

【GIF】讓React Native支援GIF

=====================================

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.39.2

日期：2016/12/28

=====================================

問題：

最近在使用<Image>放上GIF，測試幾次之後發現ReactNative並不是用原生Android的<ImageView>而是使用FaceBook的fresco。

【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);
}

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

=====================================

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.38.0

日期：2016/12/09

=====================================

問題：

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

Ex: react-native-orientation

但是都沒有實際作用，因此我打算直接從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.」這個錯誤。

【Video】Stream URI

=====================================

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.38.0

日期：2016/11/25

=====================================

問題：

最近在使用react-native-video時要用到stream uri，而這個video stream要去哪裡抓呢?

【Video】讀取影片來源位置

=====================================

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.38.0

日期：2016/11/25

=====================================

問題：

最近使用到react-native-video這個API，而它的影片source不知道要怎麼放置。