reactnative
React NativeのNetworkingでデータを取得
React NativeでNetworkingのfetch関数を用いることでwebからデータを取得することができる。 以下はFacebookのサンプルで、当該ページにあるデータをjson形式で取得できる。 getData…React Nativeでトーストメッセージ
Androidを使っている際に、画面の下の方に出て来る簡素なメッセージのことをトーストメッセージと言います。 React Nativeでの実装もすっごいシンプル。 import ToastAndroid from ‘re…TextInputのmultiline設定がAndroidだとうまく機能しない
原因は不明ですが、React-NativeではAndroid版TextInputのmultilineがうまく機能しない場合があるようです。 前提 こんな感じのTextInputを想定しています。 <TextInpu…React Nativeのコンポーネントを詳しく見る
React Nativeのコンポーネントは仮想DOMとして表現されていますが、これを見るためにReact Developer Toolsというツールが用意されています。 導入方法 npmを利用します。 npm insta…
React Native の TextInput で改行入力時にキーボードを閉じないようにする
エンターキーをタップするとキーボードが閉じてしまいますが、以下のようにblurOnSubmit={false}を設定すると回避できます。 <TextInput multiline blurOnSubmit={fal…Reactotronに詳しめのログを投げる
Reactotronを使うと、React Nativeで作ったアプリのログをリアルタイムかつ簡単に確認することができます。 Reactotronを利用してログを飛ばす場合、例えば、 console.tron.log(“h…React Native で iOS/Android を切り替える方法
主に以下の2通りの方法があります。 ファイル名を変更する ファイル名を以下のように変更するとimport時に自動的に振り分けられます。 App.js ↓ App.ios.js App.android.js ソースコードで…