4 posts tagged with "react-native"

React Native Invariant Violationがでた時の対処方法

Posted on June, 2020

pod install pod install --repo-update Podfile.lock & Podsフォルダ削除後にpod install node_modulesフォルダ&yarn.lockの削除 iOS Simulatorのアプリを削除してからビルド 最近のReact Nativeは基本的にはautolink機能によって、package…

Read full post

React Nativeの独自Componentにstyled-componentsを適用する

Posted on May, 2020

styled-componentsをインストール 独自Componentの作成(失敗例) 独自Componentの作成(成功例) CustomComponentの呼び出し React Nativeの独自Componentにstyled-componentsを適用する方法を解説します。 標準のViewやTextといったComponentにstyled-components…

Read full post

React Nativeアプリにフォントを追加する

Posted on April, 2020

フォントファイルの追加 react-native.config.jsをルートに追加 linkを実行 React Native(0.60+ version)のプロジェクトにフォントを追加する方法を解説します。 フォントファイルの追加 assets/fontsフォルダを作成し、 フォルダに追加するフォントファイルを配置します。 react-native.config.jsをルートに追加 react…

Read full post

React Native 環境構築 初期セットアップ手順

Posted on April, 2020

NodeとWatchManのインストール iOS設定 Android設定 新規applicationの作成 アプリケーションの起動 React Nativeの開発環境構築手順です。 公式Docの通り。 ちなみにMac環境です。 NodeとWatchManのインストール Homebrewを使ってインストールします。 まだHomebrewをインストールしていない人は iOS設定 Xcode…

Read full post