PUROGU LADESU

ポエムがメインのブログです。

ReactNative

【ReactNative】通知をタップして任意の画面を起動したい

通知をタップして任意の画面を起動したい。 Expoの通知機能を使います。 Notificationを受け取ってアクションさせる これをルートコンポーネントに置いておくと、通知を開いたときに実行される。 dataも受け取れる。 Notifications - Expo Documentation Rea…

【ReactNative】navigation, routeの取り方

Classコンポーネントの場合 class TestScreen extends React.Component { constructor(props) { componentDidMount() { } componentDidMount() { const { navigation, route } = this.props; } } Functionコンポーネントの場合 export default function(prop…

【ReactNative】Expoの通知が届かないと思ったら

firebaseのfunctionでExpoの通知を送るために、https://exp.host/--/api/v2/push/sendにPOSTするようにしたい。ようやくstatus 'OK'が返ってきて準備OKのはずだが通知が届かなくて困っていた。 試しに下記のツールhttps://expo.io/notificationsで送るように…

【ReactNative】FlatListの検索バー

ListHeaderComponentに入力欄を入れない方が良い FlatListのListHeaderComponentに検索のTextInputを配置して検索しようとすると、入力のたびにキーボードが閉じてしまうという現象が発生する。 TextInputのonChangeTextでstateを更新しているため、毎回全体…

【ReactNative】 タブの切替時に再ロードさせる

タブの切替時に更新があった場合になにか処理をさせたい。 例えばタブを切替時や別の画面から移動してきた際にCRUDの更新を反映させるなど。 リスナーを設定する focus, blurといったイベントが使える。それぞれスクリーンがフォーカス取得、喪失時のイベン…

【ReactNative】expoでnpm installするとライブラリが認識しなくなる?

expoのチュートリアルで出てくる、expo install xxx. npm install と何が違うのかわからないけど、内部ではyarnが起動されているように見える。 そのためかnpm install xxxでライブラリ追加したあとにexpo startで実行すると、インストール済みのライブラリ…