summaryrefslogtreecommitdiff
path: root/app/screens/demo/demo-list-screen.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/screens/demo/demo-list-screen.tsx')
-rw-r--r--app/screens/demo/demo-list-screen.tsx34
1 files changed, 22 insertions, 12 deletions
diff --git a/app/screens/demo/demo-list-screen.tsx b/app/screens/demo/demo-list-screen.tsx
index ae66307..282bf4a 100644
--- a/app/screens/demo/demo-list-screen.tsx
+++ b/app/screens/demo/demo-list-screen.tsx
@@ -1,10 +1,16 @@
-import React, { useEffect } from "react"
-import { FlatList, TextStyle, View, ViewStyle, ImageStyle } from "react-native"
-import { useNavigation } from "@react-navigation/native"
-import { observer } from "mobx-react-lite"
-import { Header, Screen, Text, Wallpaper, AutoImage as Image } from "../../components"
-import { color, spacing } from "../../theme"
-import { useStores } from "../../models"
+import React, { useEffect } from 'react'
+import { FlatList, TextStyle, View, ViewStyle, ImageStyle } from 'react-native'
+import { useNavigation } from '@react-navigation/native'
+import { observer } from 'mobx-react-lite'
+import {
+ Header,
+ Screen,
+ Text,
+ Wallpaper,
+ AutoImage as Image,
+} from '../../components'
+import { color, spacing } from '../../theme'
+import { useStores } from '../../models'
const FULL: ViewStyle = {
flex: 1,
@@ -19,14 +25,14 @@ const HEADER: TextStyle = {
}
const HEADER_TITLE: TextStyle = {
fontSize: 12,
- fontWeight: "bold",
+ fontWeight: 'bold',
letterSpacing: 1.5,
lineHeight: 15,
- textAlign: "center",
+ textAlign: 'center',
}
const LIST_CONTAINER: ViewStyle = {
- alignItems: "center",
- flexDirection: "row",
+ alignItems: 'center',
+ flexDirection: 'row',
padding: 10,
}
const IMAGE: ImageStyle = {
@@ -59,7 +65,11 @@ export const DemoListScreen = observer(function DemoListScreen() {
return (
<View testID="DemoListScreen" style={FULL}>
<Wallpaper />
- <Screen style={CONTAINER} preset="fixed" backgroundColor={color.transparent}>
+ <Screen
+ style={CONTAINER}
+ preset="fixed"
+ backgroundColor={color.transparent}
+ >
<Header
headerTx="demoListScreen.title"
leftIcon="back"