react-native

: 【React Native】StorybookのTutorialでつまずいたこと

2022/4/9 javascript, programming, react-native, storybook, プログラミング

最近React NativeでStorybookを導入することがあったので、Tutorialを進める上でつまずいたことを書き記していきます。 Storybookとは？ UIコンポーネントをアプリと独立 ...

: 【React Native】アイコン付きタブを簡単に実装する

2022/4/9 javascript, programming, react-native, アイコン, タブ, プログラミング

今回は、アイコンがついたオシャレなタブを簡単に実装していきます。最終的にはこのようなタブを作れます。タブ：react-navigation タブの実装には、react-navigationを利用し ...

: 【React Native】画面サイズの取得

2022/4/9 dimensions, javascript, programming, react-native, プログラミング, 画面サイズ

本記事では画面サイズの取得方法を紹介します。画面サイズ取得モジュール：Dimensions ReactNativeでは、画面サイズを取得するためにDimensionsというモジュールが用意されていま ...

: 【React Native】画像や図形の自動レイアウト（FlexBox）

2022/5/13 flex-box, flexbox, native, programming, react, react-native, プログラミング, 自動サイズ調整, 自動レイアウト

「画面サイズに合わせて画像や図形を調整したい」 HTMLではFlexBoxを使うことで、画像や図形、領域をアイテム数に合わせて適当なサイズに自動調整することができます。 React Nativeでも同 ...

: 【React Native】Expoを利用して簡単にアプリ共有

2022/4/9 app, expo, javascript, programming, react, react-native, share, プログラミング

ロナえるも夫です。「自分のコードの実行結果をブログに表示したい」という人のためにCodeSandboxを紹介しました。「CodeSandboxで簡単に自分のコードを紹介できます！」といいましたが ...

: 【 React Native】ライフサイクルを調べてみた

2022/4/9 codesandbox, lifecycle, programming, react-native, プログラミング

ロナえるの夫です。最近仕事でReact Nativeを扱うことになったので、ライフサイクルをまとめてみました。ライフサイクル React Nativeにはライフサイクルは大きく分けて３つのフェーズ ...