Add PlatformInfo
module (#4877)
This commit is contained in:
parent
fb278384c6
commit
18b423396b
13 changed files with 92 additions and 38 deletions
|
@ -9,6 +9,7 @@ import {Button, ButtonText} from '#/components/Button'
|
|||
import * as Dialog from '#/components/Dialog'
|
||||
import * as Prompt from '#/components/Prompt'
|
||||
import {H3, P, Text} from '#/components/Typography'
|
||||
import {PlatformInfo} from '../../../../modules/expo-bluesky-swiss-army'
|
||||
|
||||
export function Dialogs() {
|
||||
const scrollable = Dialog.useDialogControl()
|
||||
|
@ -17,6 +18,8 @@ export function Dialogs() {
|
|||
const testDialog = Dialog.useDialogControl()
|
||||
const {closeAllDialogs} = useDialogStateControlContext()
|
||||
const unmountTestDialog = Dialog.useDialogControl()
|
||||
const [reducedMotionEnabled, setReducedMotionEnabled] =
|
||||
React.useState<boolean>()
|
||||
const [shouldRenderUnmountTest, setShouldRenderUnmountTest] =
|
||||
React.useState(false)
|
||||
const unmountTestInterval = React.useRef<number>()
|
||||
|
@ -147,6 +150,22 @@ export function Dialogs() {
|
|||
<ButtonText>Open Shared Prefs Tester</ButtonText>
|
||||
</Button>
|
||||
|
||||
<Button
|
||||
variant="solid"
|
||||
color="primary"
|
||||
size="small"
|
||||
onPress={() => {
|
||||
const isReducedMotionEnabled =
|
||||
PlatformInfo.getIsReducedMotionEnabled()
|
||||
setReducedMotionEnabled(isReducedMotionEnabled)
|
||||
}}
|
||||
label="two">
|
||||
<ButtonText>
|
||||
Is reduced motion enabled?: (
|
||||
{reducedMotionEnabled?.toString() || 'undefined'})
|
||||
</ButtonText>
|
||||
</Button>
|
||||
|
||||
<Prompt.Outer control={prompt}>
|
||||
<Prompt.TitleText>This is a prompt</Prompt.TitleText>
|
||||
<Prompt.DescriptionText>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue