【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不知道要怎麼放置。

【Packager】API 安裝後，發生錯誤：-4048

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

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.36.0

日期：2016/11/18

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

問題：

最近在安裝新的API時，會更改到權限內容，此時Packager常遇到

Error:-4048

【API】引用注意事項

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

問題環境

OS：Windows 10

開發平台：Android

React Native ： 0.36.0

日期：2016/11/18

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

最近在引用API時常發生錯誤，而且都是在手動設定的部分，因此我想做個範例提醒自己。

以下舉

react-native-bluetooth-serial

這個控制藍芽的API為例。

【USB Debug】手機連結電腦直接Debug

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

問題環境

OS：Windows 10

開發平台：Android

日期：2016/11/15

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

問題：

最近因為常要利用手機做Bluetooth Test，原本是要一直輸出APK檔，久了就覺得麻煩，現在就想改成直接連接USB Debug

【APK】APK signing error : Failed to read key from keystore

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

問題環境

OS：Windows 10

開發平台：Android

日期：2016/11/09

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

輸出APK檔的官方文件，當我照這個步驟做時，出現個問題

【APK】輸出APK指令

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

問題環境

OS：Windows 10

開發平台：Android

日期：2016/11/09

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

當我照著官方文件設定輸出APK檔，在下

$ cd android && ./gradlew assembleRelease

指令發生了問題，就是

【Emulator】不開啟Android Studio開啟模擬器

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

問題環境

OS：Windows 10

開發平台：Android

日期：2016/10/27

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

在開發React Native時，我們需要模擬器跑結果，但是又要用Android Studio開啟模擬器太不方便了，因此我想利用指令的方式開啟，最後再利用Windows的BAT檔放在桌面。

【環境】failed to find Build Tools revision 23.0.1

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

問題環境

OS：Windows 10

開發平台：Android

日期：2016/10/26

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

一開始，執行

react-natuve run-android

會失敗，跑出下面這行錯，這代表我們沒有安裝正確的Build Tools。