update ios and android Apis examples with new standardize

facebook · May 15, 2020 · b521671 · b521671
1 parent a25a60f
commit b521671
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 14 deletions.
diff --git a/docs/actionsheetios.md b/docs/actionsheetios.md
@@ -11,7 +11,7 @@ Displays native to iOS [Action Sheet](https://developer.apple.com/design/human-i
 import React, { useState } from "react";
 import { ActionSheetIOS, Button, StyleSheet, Text, View } from "react-native";
 
-export default App = () => {
+const App = () => {
   const [result, setResult] = useState("🔮");
 
   const onPress = () =>
@@ -50,6 +50,8 @@ const styles = StyleSheet.create({
     textAlign: "center"
   }
 });
+
+export default App;
 ```
 
 # Reference

diff --git a/docs/backhandler.md b/docs/backhandler.md
@@ -60,7 +60,7 @@ The following example implements a scenario where you confirm if the user wants
 import React, { useEffect } from "react";
 import { Text, View, StyleSheet, BackHandler, Alert } from "react-native";
 
-export default function App() {
+const App = () => {
   useEffect(() => {
     const backAction = () => {
       Alert.alert("Hold on!", "Are you sure you want to go back?", [
@@ -87,7 +87,7 @@ export default function App() {
       <Text style={styles.text}>Click Back button!</Text>
     </View>
   );
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -100,6 +100,8 @@ const styles = StyleSheet.create({
     fontWeight: "bold"
   }
 });
+
+export default App;
 ```
 
 <block class="classical syntax" />
@@ -108,7 +110,7 @@ const styles = StyleSheet.create({
 import React, { Component } from "react";
 import { Text, View, StyleSheet, BackHandler, Alert } from "react-native";
 
-export default class App extends Component {
+class App extends Component {
   backAction = () => {
     Alert.alert("Hold on!", "Are you sure you want to go back?", [
       {
@@ -139,7 +141,7 @@ export default class App extends Component {
       </View>
     );
   }
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -152,6 +154,8 @@ const styles = StyleSheet.create({
     fontWeight: "bold"
   }
 });
+
+export default App;
 ```
 
 <block class="endBlock syntax" />
@@ -177,7 +181,7 @@ Additionally `BackHandler.removeEventListener` can also be used to clear the eve
 import React, { useEffect } from "react";
 import { Text, View, StyleSheet, BackHandler, Alert } from "react-native";
 
-export default function App() {
+const App = () => {
   const backAction = () => {
     Alert.alert("Hold on!", "Are you sure you want to go back?", [
       {
@@ -202,7 +206,7 @@ export default function App() {
       <Text style={styles.text}>Click Back button!</Text>
     </View>
   );
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -215,6 +219,8 @@ const styles = StyleSheet.create({
     fontWeight: "bold"
   }
 });
+
+export default App;
 ```
 
 <block class="classical syntax" />
@@ -223,7 +229,7 @@ const styles = StyleSheet.create({
 import React, { Component } from "react";
 import { Text, View, StyleSheet, BackHandler, Alert } from "react-native";
 
-export default class App extends Component {
+class App extends Component {
   backAction = () => {
     Alert.alert("Hold on!", "Are you sure you want to go back?", [
       {
@@ -251,7 +257,7 @@ export default class App extends Component {
       </View>
     );
   }
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -264,6 +270,8 @@ const styles = StyleSheet.create({
     fontWeight: "bold"
   }
 });
+
+export default App;
 ```
 
 <block class="endBlock syntax" />

diff --git a/docs/permissionsandroid.md b/docs/permissionsandroid.md
@@ -67,8 +67,6 @@ const App = () => (
   </View>
 );
 
-export default App;
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -84,6 +82,8 @@ const styles = StyleSheet.create({
     textAlign: "center"
   }
 });
+
+export default App;
 ```
 
 <block class="classical syntax" />
@@ -117,7 +117,7 @@ const requestCameraPermission = async () => {
   }
 };
 
-export default class App extends Component {
+class App extends Component {
   render() {
     return (
       <View style={styles.container}>
@@ -126,7 +126,7 @@ export default class App extends Component {
       </View>
     );
   }
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -143,6 +143,8 @@ const styles = StyleSheet.create({
     textAlign: "center"
   }
 });
+
+export default App;
 ```
 
 <block class="endBlock syntax" />

diff --git a/docs/settings.md b/docs/settings.md
@@ -11,7 +11,7 @@ title: Settings
 import React, { useState } from "react";
 import { Button, Settings, StyleSheet, Text, View } from "react-native";
 
-export default App = () => {
+const App = () => {
   const [data, setData] = useState(Settings.get("data"));
 
   const storeData = data => {
@@ -46,6 +46,8 @@ const styles = StyleSheet.create({
     marginVertical: 12
   }
 });
+
+export default App;
 ```
 
 ---

diff --git a/docs/toastandroid.md b/docs/toastandroid.md
@@ -16,6 +16,7 @@ The 'showWithGravityAndOffset(message, duration, gravity, xOffset, yOffset)' met
 import React from "react";
 import { View, StyleSheet, ToastAndroid, Button } from "react-native";
 import Constants from "expo-constants";
+
 const App = () => {
   const showToast = () => {
     ToastAndroid.show("A pikachu appeared nearby !", ToastAndroid.SHORT);