|
|
@@ -2,21 +2,33 @@ import {
|
|
|
StyleSheet,
|
|
|
View
|
|
|
} from "react-native";
|
|
|
-import {
|
|
|
- useFonts
|
|
|
-} from "expo-font";
|
|
|
import {
|
|
|
setupNCoreUIKit,
|
|
|
+ NCoreUIKitTheme,
|
|
|
Text
|
|
|
} from "ncore-ui-kit-mobile";
|
|
|
+import {
|
|
|
+ useFonts
|
|
|
+} from "expo-font";
|
|
|
|
|
|
const NCoreUIKitBase = setupNCoreUIKit({
|
|
|
initialSelectedGapPropagation: "compact",
|
|
|
- initialSelectedTheme: "light"
|
|
|
+ initialSelectedTheme: "dark"
|
|
|
});
|
|
|
|
|
|
const App = () => {
|
|
|
- return <View style={styles.container}>
|
|
|
+ const {
|
|
|
+ colors
|
|
|
+ } = NCoreUIKitTheme.useContext();
|
|
|
+
|
|
|
+ return <View
|
|
|
+ style={[
|
|
|
+ styles.container,
|
|
|
+ {
|
|
|
+ backgroundColor: colors.content.container.default
|
|
|
+ }
|
|
|
+ ]}
|
|
|
+ >
|
|
|
<Text>Result: </Text>
|
|
|
</View>;
|
|
|
};
|