add message to mobile

This commit is contained in:
Pavel Prichodko 2023-01-18 16:42:55 +01:00
parent 87cda5b33a
commit 83f65fe251
No known key found for this signature in database
GPG Key ID: 8E4C82D464215E83
1 changed files with 5 additions and 8 deletions

View File

@ -7,8 +7,8 @@ import { useState } from 'react'
import {
Code,
Heading,
Image,
Label,
Messages,
Paragraph,
Shape,
Sidebar,
@ -38,13 +38,6 @@ export default function App() {
<TamaguiProvider config={tamaguiConfig} defaultTheme={theme}>
<SafeAreaView>
<ScrollView>
<Image
source={{
uri: 'https://images.unsplash.com/photo-1673537074513-e66435b69012?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80',
height: 200,
width: '100%',
}}
/>
<Sidebar
name="Rarible"
description="Multichain community-centric NFT marketplace. Create, buy and sell your NFTs."
@ -55,6 +48,7 @@ export default function App() {
justifyContent="center"
alignItems="center"
paddingTop={20}
paddingHorizontal={12}
width="100%"
backgroundColor="$background"
>
@ -74,12 +68,15 @@ export default function App() {
<Code marginBottom={12}>This is a code line</Code>
<Paragraph fontWeight="400">0x213abc190 ... 121ah4a9e</Paragraph>
<Shape marginVertical={20} />
<Paragraph>Theme selected - {theme}</Paragraph>
<TouchableOpacity
onPress={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
>
<Paragraph>Toogle theme</Paragraph>
</TouchableOpacity>
<Messages />
</Stack>
</ScrollView>
</SafeAreaView>