PUROGU LADESU

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

2020-04-01から1ヶ月間の記事一覧

【ReactNative】Expoでソーシャルログイン

割と難しい 簡単にできるのかと思いきや、いろいろと知識がないと難しいです。とくにExpoやReactNativeだと通常のWebアプリに比べてややこしそうだという印象です。 Provider Providerはソーシャルログインを提供しているサービスのことです。GoogleとかFace…

【Firebase】認証状態をクリアするタイミング

アプリを閉じると firebaseSDKを使ってログインした後にアプリを閉じるとどうなるのでしょうか? 再度アプリを起動すると、ユーザIDを取得して表示することができます。つまりまだログイン状態になります。不思議ですね。デバイスIDか何かを取得して識別して…

【React】useEffectのポイント

関数コンポーネント Reactではclass based componentが使われなくなってきて、functional componentを推しているようです。functional componentではhooksを使っていろいろ実装する必要があります。 useEffect functional componentではcomponentDidMountやc…

【ReactNative】react-navigationでヘッダーを表示させる

BottomTabNavigatorやDrawerNavigatorを使う場合は、そのままscreenをcomponentに渡してもヘッダー部分が表示されません。 ヘッダーを表示させる場合は、StackNavigatorを間に噛ませる必要があります。Screen側でオプションをゴニョゴニョしてもできません。…

【React】React Context と Unstated

状態管理のやり方 React Context ライブラリ不要。 const AppContext = React.createContext(null); // Consumer配下のcontextでアクセス function LoginScreen() { return ( <AppContext.Consumer> {(context) => ( <Text>LoginScreen</Text> <Button title="login" onPress={() => context.setLogin(true)}></Button> </View> )}

【React】Redux Toolkit

Redux Toolkit というのを使うと簡潔に書けるらしい。 [https://qiita.com/sakito/items/e446d0f0974f2e12a5f5:embed:cite]