diff --git a/docs/features/react-native.md b/docs/features/react-native.md index dacac28ad..c77612cad 100644 --- a/docs/features/react-native.md +++ b/docs/features/react-native.md @@ -28,6 +28,7 @@ Beyond the React Native specific Flipper plugins described above, with Flipper y * Device logs * Device crash reporter +* Inspecting network requests * Inspecting app local databases * Inspecting device preferences * Inspecting cached images diff --git a/react-native/ReactNativeFlipperExample/App.js b/react-native/ReactNativeFlipperExample/App.js index 5f102edd5..ebbb3df21 100644 --- a/react-native/ReactNativeFlipperExample/App.js +++ b/react-native/ReactNativeFlipperExample/App.js @@ -8,7 +8,7 @@ * @flow strict-local */ -import React from 'react'; +import React, {useState} from 'react'; import { SafeAreaView, @@ -17,6 +17,7 @@ import { View, Text, StatusBar, + Button, } from 'react-native'; import { @@ -29,7 +30,10 @@ import { import FlipperTicTacToe from './FlipperTicTacToe'; +const API = 'https://status.npmjs.org/'; + const App: () => React$Node = () => { + const [npmStatus, setNpmStatus] = useState('NPM status: unknown'); return ( <> @@ -47,6 +51,29 @@ const App: () => React$Node = () => { + + Network & Logging + {npmStatus} +