jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

react-native-ios.mdx (SetUp - Manual iOS Setup)

Browse Source 
Summary: Restyle of the page, including changes to spelling, grammar, links, and structure (where relevant).

Reviewed By: lblasa

Differential Revision: D36276846

fbshipit-source-id: ae933df0270fff6ffba9e011003174a2111e0fae
This commit is contained in:
Kevin Strider
2022-05-10 06:11:30 -07:00
committed by Facebook GitHub Bot
parent 7b31a1c6b6
commit 56ea2fc782
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
docs/getting-started/react-native-ios.mdx
View File

@@ -1,6 +1,6 @@
--- ---
id: react-native-ios id: react-native-ios
title: Manually set up your React Native iOS App title: React Native - Manual iOS Setup
sidebar_label: Manual iOS Setup sidebar_label: Manual iOS Setup
--- ---
import useBaseUrl from '@docusaurus/useBaseUrl'; import useBaseUrl from '@docusaurus/useBaseUrl';
@@ -8,9 +8,10 @@ import Link from '@docusaurus/Link';
import Tabs from '@theme/Tabs'; import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem'; import TabItem from '@theme/TabItem';
These instructions are aimed at people manually adding Flipper to a React Native 0.62+ app. :::note
This should only be necessary if you have an existing app that cannot be upgraded with the These details within this page are for people manually adding Flipper to a React Native 0.62+ app. This should only be necessary if you have an existing app that cannot be upgraded with the
[React Native Upgrade tool](https://reactnative.dev/docs/upgrading). [React Native Upgrade tool](https://reactnative.dev/docs/upgrading).
:::
## Dependencies ## Dependencies
@@ -39,11 +40,12 @@ target 'your-app-name' do
end end
``` ```
Install the dependencies by running `cd ios && pod install`. Then continue to [Initialization](#initialization). Install the dependencies by running `cd ios && pod install` then continue to [Initialization](#initialization).
### React Native 0.62 ### React Native 0.62
In 0.62, the setup includes a bit more code (which was moved to a helper in 0.63). Add all of the code below to your `ios/Podfile`: In version 0.62, the setup includes a bit more code (which was moved to a helper in 0.63).
Add all of the code below to your `ios/Podfile`:
```ruby ```ruby
platform :ios, '9.0' platform :ios, '9.0'
@@ -92,17 +94,16 @@ target 'your-app-name' do
end end
``` ```
Install the dependencies by running `cd ios && pod install`. You can now Install the dependencies by running `cd ios && pod install`. You can now import and initialize Flipper in your AppDelegate.
import and initialize Flipper in your AppDelegate.
## Initialization ## Initialization
The code below enables the following integrations: The code below enables the following integrations:
- Layout Inspector * Layout Inspector
- Network * Network
- Shared Preferences * Shared Preferences
- Crash Reporter * Crash Reporter
<Tabs defaultValue="ios" values={[{ label: 'iOS', value: 'ios'}, { label: 'Swift', value: 'swift'}]}> <Tabs defaultValue="ios" values={[{ label: 'iOS', value: 'ios'}, { label: 'Swift', value: 'swift'}]}>
<TabItem value="ios"> <TabItem value="ios">
@@ -198,4 +199,4 @@ See the <Link to={useBaseUrl("/docs/troubleshooting")}>troubleshooting page</Lin
## Further Steps ## Further Steps
To create your own plugins and integrate with Flipper using JavaScript, check out our <Link to={useBaseUrl("/docs/tutorial/react-native")}>writing plugins for React Native</Link> tutorial! To create your own plugins and integrate with Flipper using JavaScript, check out our <Link to={useBaseUrl("/docs/tutorial/react-native")}>Building a React Native Plugin</Link> tutorial!