use sidebar in mobile

This commit is contained in:
Pavel Prichodko 2023-01-16 13:12:29 +01:00
parent 1c319403c7
commit 018fcbcb5c
No known key found for this signature in database
GPG Key ID: 8E4C82D464215E83
1 changed files with 22 additions and 2 deletions

View File

@ -2,9 +2,17 @@
/* eslint-disable import/namespace */ /* eslint-disable import/namespace */
import 'expo-dev-client' import 'expo-dev-client'
import React, { useState } from 'react' import { useState } from 'react'
import { Code, Heading, Label, Paragraph, Shape } from '@status-im/components' import {
Code,
Heading,
Image,
Label,
Paragraph,
Shape,
Sidebar,
} from '@status-im/components'
import { Stack, TamaguiProvider } from '@tamagui/core' import { Stack, TamaguiProvider } from '@tamagui/core'
import { useFonts } from 'expo-font' import { useFonts } from 'expo-font'
import { SafeAreaView, TouchableOpacity } from 'react-native' import { SafeAreaView, TouchableOpacity } from 'react-native'
@ -29,6 +37,18 @@ export default function App() {
return ( return (
<TamaguiProvider config={tamaguiConfig} defaultTheme={theme}> <TamaguiProvider config={tamaguiConfig} defaultTheme={theme}>
<SafeAreaView> <SafeAreaView>
<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."
membersCount={123}
/>
<Stack <Stack
flexDirection="column" flexDirection="column"
justifyContent="center" justifyContent="center"