From 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb Mon Sep 17 00:00:00 2001 From: Kirill Rogovoy Date: Tue, 20 Jul 2021 21:24:52 +0300 Subject: WIP --- app/screens/demo/demo-list-screen.tsx | 96 ----------------------------------- 1 file changed, 96 deletions(-) delete mode 100644 app/screens/demo/demo-list-screen.tsx (limited to 'app/screens/demo/demo-list-screen.tsx') diff --git a/app/screens/demo/demo-list-screen.tsx b/app/screens/demo/demo-list-screen.tsx deleted file mode 100644 index 282bf4a..0000000 --- a/app/screens/demo/demo-list-screen.tsx +++ /dev/null @@ -1,96 +0,0 @@ -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, -} -const CONTAINER: ViewStyle = { - backgroundColor: color.transparent, -} -const HEADER: TextStyle = { - paddingBottom: spacing[5] - 1, - paddingHorizontal: spacing[4], - paddingTop: spacing[3], -} -const HEADER_TITLE: TextStyle = { - fontSize: 12, - fontWeight: 'bold', - letterSpacing: 1.5, - lineHeight: 15, - textAlign: 'center', -} -const LIST_CONTAINER: ViewStyle = { - alignItems: 'center', - flexDirection: 'row', - padding: 10, -} -const IMAGE: ImageStyle = { - borderRadius: 35, - height: 65, - width: 65, -} -const LIST_TEXT: TextStyle = { - marginLeft: 10, -} -const FLAT_LIST: ViewStyle = { - paddingHorizontal: spacing[4], -} - -export const DemoListScreen = observer(function DemoListScreen() { - const navigation = useNavigation() - const goBack = () => navigation.goBack() - - const { characterStore } = useStores() - const { characters } = characterStore - - useEffect(() => { - async function fetchData() { - await characterStore.getCharacters() - } - - fetchData() - }, []) - - return ( - - - -
- String(item.id)} - renderItem={({ item }) => ( - - - - {item.name} ({item.status}) - - - )} - /> - - - ) -}) -- cgit v1.2.3