Skip to content

Commit

Permalink
chore: example
Browse files Browse the repository at this point in the history
  • Loading branch information
lodev09 committed Jun 17, 2024
1 parent dfd1460 commit 9c74d0f
Showing 1 changed file with 3 additions and 5 deletions.
8 changes: 3 additions & 5 deletions example/src/sheets/FlatListSheet.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@ import React, { forwardRef, useRef, type Ref } from 'react'
import { FlatList, View, type ViewStyle } from 'react-native'
import { TrueSheet, type TrueSheetProps } from '@lodev09/react-native-true-sheet'

import { DARK, INPUT_HEIGHT, SPACING, times } from '../utils'
import { DemoContent, Footer, Input } from '../components'
import { DARK, DARK_GRAY, INPUT_HEIGHT, SPACING, times } from '../utils'
import { DemoContent, Input } from '../components'

interface FlatListSheetProps extends TrueSheetProps {}

Expand All @@ -17,11 +17,9 @@ export const FlatListSheet = forwardRef((props: FlatListSheetProps, ref: Ref<Tru
sizes={['medium', 'large']}
blurTint="dark"
backgroundColor={DARK}
cornerRadius={24}
keyboardMode="pan"
onDismiss={() => console.log('Sheet FlatList dismissed!')}
onPresent={() => console.log(`Sheet FlatList presented!`)}
FooterComponent={<Footer />}
{...props}
>
<View style={$header}>
Expand All @@ -33,7 +31,7 @@ export const FlatListSheet = forwardRef((props: FlatListSheetProps, ref: Ref<Tru
data={times(50, (i) => i)}
contentContainerStyle={$content}
indicatorStyle="black"
renderItem={() => <DemoContent />}
renderItem={() => <DemoContent color={DARK_GRAY} />}
/>
</TrueSheet>
)
Expand Down

0 comments on commit 9c74d0f

Please sign in to comment.