diff --git a/.prettierignore b/.prettierignore index 5db200276a..d4a22eea49 100644 --- a/.prettierignore +++ b/.prettierignore @@ -3,6 +3,7 @@ docs/.docusaurus/ docs/build/ lib/ node_modules/ +vendor/ *.lottie.json diff --git a/FabricExample/src/App.tsx b/FabricExample/src/App.tsx index 585b4181ac..b98dc68822 100644 --- a/FabricExample/src/App.tsx +++ b/FabricExample/src/App.tsx @@ -2,7 +2,7 @@ import "react-native-gesture-handler"; import { NavigationContainer } from "@react-navigation/native"; import * as React from "react"; -import { ActivityIndicator, StyleSheet } from "react-native"; +import { ActivityIndicator, StatusBar, StyleSheet } from "react-native"; import { GestureHandlerRootView } from "react-native-gesture-handler"; import { KeyboardProvider } from "react-native-keyboard-controller"; import { @@ -42,6 +42,12 @@ export default function App() { + diff --git a/FabricExample/src/screens/Examples/StatusBar/index.tsx b/FabricExample/src/screens/Examples/StatusBar/index.tsx index 0da225531f..7bafab7173 100644 --- a/FabricExample/src/screens/Examples/StatusBar/index.tsx +++ b/FabricExample/src/screens/Examples/StatusBar/index.tsx @@ -1,5 +1,6 @@ import React, { useState } from "react"; import { Button, StatusBar, View } from "react-native"; +import { useKeyboardController } from "react-native-keyboard-controller"; import KeyboardAnimationTemplate from "../../../components/KeyboardAnimation"; import { randomColor } from "../../../utils"; @@ -11,6 +12,8 @@ export default function StatusBarManipulation() { const [barStyle, setBarStyle] = useState("light-content"); const [hidden, setHidden] = useState(false); const [animated, setAnimated] = useState(true); + const [translucent, setTranslucent] = useState(true); + const { setEnabled, enabled } = useKeyboardController(); return ( @@ -19,20 +22,23 @@ export default function StatusBarManipulation() { barStyle={barStyle} hidden={hidden} animated={animated} - translucent + translucent={translucent} />