| 1 | import type { ComponentProps } from "react"; |
| 2 | import { Platform } from "react-native"; |
| 3 | import { NativeScrollView as ScrollView } from "../native/NativeScrollViewMarker"; |
| 4 | |
| 5 | /** Keeps forms and settings readable inside a wide pane while its surface fills the screen. */ |
| 6 | export function ScreenScrollView(props: ComponentProps<typeof ScrollView>) { |
| 7 | return ( |
| 8 | <ScrollView |
| 9 | {...props} |
| 10 | contentContainerStyle={[ |
| 11 | props.contentContainerStyle, |
| 12 | Platform.OS === "android" && { |
| 13 | width: "100%", |
| 14 | maxWidth: 720, |
| 15 | alignSelf: "center", |
| 16 | }, |
| 17 | ]} |
| 18 | /> |
| 19 | ); |
| 20 | } |