React-Native-Firebase > Starter Kitを試して見る

React Native Firebase - Simple Firebase integration for React Native

Basic Starter Kit

invertase/react-native-firebase-starter

Clone & Install

git clone https://github.com/invertase/react-native-firebase-starter.git
cd react-native-firebase-starter
npm install

cd ios
pod install

Rename Project

cd ..
npm run rename

Enter your Project name, e.g. My Amazing Project: FireBaseTest
Enter your Company name, e.g. My Company:
ERROR: Please supply a company name

GoogleService-Info.plistの作成

↓でGoogleService-Info.plistをダウンロードします。
Firebase を iOS プロジェクトに追加する  |  Firebase

[iOS アプリに Firebase を追加] をクリック

iOSバンドルIDはXCodeで開いた時に設定する以下の赤枠部分のIDです。

設定を押したらGoogleService-Info.plistがダウンロード可能になっています。
ダウンロードした後、iOS/APP名/の直下に配置します。

実行

npm start

別のコンソールウィンドウで以下を実行
npm run ios

シミュレーターが立ち上がります

iOS アプリに Firebase を追加　画面の方では
「Firebase がアプリに正常に追加されました」と表示されます