React-Navigatorを利用してみる（基礎編） - Qiita
注意 react-navigation v3で動作確認しています react-navigation v4がリリースされ、createBottomTabNavigator等が分離されています（未対応）。 概要 まともなアプリを作るためにはNavigation機能の利用は避けて通れません。 ライブラリとしてはreact-navigationとreact-native-router-flux(rnrf)というのが有名みたいですが、Reac自体に不慣れなので情報が多いreact-navigationを利用してみます。 この基礎編をベースにした応用編んも書きました。よろしければどうぞ。 React-Navigatorを利用してみる（基礎編）→この記事 RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる RN応用編２：TabやDrawerメニューにアイコンを設定する RN
RN応用編２：TabやDrawerメニューにアイコンを設定する - Qiita
既存編、応用編１からの続きです。 シリーズ React-Navigatorを利用してみる（基礎編） RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる RN応用編２：TabやDrawerメニューにアイコンを設定する→この記事 RN応用編３：Reduxで値の取り回し 概要 応用編１ではハンバーガーメニューで見た目をいじったので、ついでにTabやDrawerメニューにアイコンを追加してみます。 Tabメニューにアイコンを追加 アイコンもいくつかの場所で追加できますが、ここではcreateBottomTabNavigator()にnavigationOptionsを定義することで追加してみます。 Tabにアイコンを追加します。react-native-vector-iconsを利用するので、installやimportがまだであれば実行してください。 +import
RN応用編３：Reduxで値の取り回し - Qiita
応用編２の続きです。 シリーズ React-Navigatorを利用してみる（基礎編） RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる RN応用編２：TabやDrawerメニューにアイコンを設定する RN応用編３：Reduxで値の取り回し→この記事 概要 応用の本命です。 画面が増えてくると画面間での値や関数の共有が標準のpropsによる共有ではしんどくなってきます。 そこで値や関数を一言管理できるreduxを利用してみます。 また、Reduxが入れ子にしたページ等でも正しく機能するか確認します。 本当はReduxの利用が応用のメインですが、余計な記事（応用１、応用２）を書いてしまいました。 reduxを使うための準備 まずはReduxを利用するためのモジュールをインストールします。 reduxのインストール reduxとreactで使うためのモジュールで
ReactNative > createMaterialBottomTabNavigatorの使い方 - Qiita
createMaterialBottomTabNavigatorの使い方 公式ページを読んでもさっぱりわからなかったのでメモ createMaterialBottomTabNavigator · React Navigation ↓のようなマテリアルなボトム・バー 以下に使い方サンプルあり Snack 使い方 createMaterialBottomTabNavigatorを作って、 App.jsで使うだけ。 なんてステキ仕様 createBottomTabNavigator · React Navigation の方はRedux-Offlineでバグがありましたが、createMaterialBottomTabNavigatorはちゃんと動きました。 App.js import React, { Component } from 'react'; import MyTabs from '
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to center SearchBar with one button on header NativeBase
Detect active screen in React Native
React Native - Expo Audio API Issue with remote audio uri: “The server is not correctly configured”
React Native change state in imported screen
read file in JSON using fetch
RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる - Qiita
Input value is not seen completely, why?
android - Why we use the behavior property for keyboardavoidingview in react native? - Stack Overflow
Error while trying to login with react native google sign-in
javascript - display an HTML link in react native text - Stack Overflow
Unable to install react native due to the following errors, any idea what might be leading for this errors?
Fetch data from mysql and if the result === 0 then do something
android - APK release crash react native probleme - Stack Overflow
Action doesn't dispatch data to reducer
React Native axios repsonse with 500 code not catched - Stack Overflow
Detect ScrollView has reached the end
