···55// file, You can obtain one at https://mozilla.org/MPL/2.0/.
6677export * from './components';
88+export * from './layouts';
89export * from './theme';
910export * from './stores';
1011export * from './settings';
+24
src/layouts/Centered.tsx
···11+// Copyright (c) 2026 Joseph Hale
22+//
33+// This Source Code Form is subject to the terms of the Mozilla Public
44+// License, v. 2.0. If a copy of the MPL was not distributed with this
55+// file, You can obtain one at https://mozilla.org/MPL/2.0/.
66+import React from "react"
77+import { StyleSheet, View } from "react-native";
88+99+export default function Centered(props: React.ComponentProps<typeof View>) {
1010+ return (
1111+ <View {...props} style={[props.style, styles.container]}>
1212+ {props.children}
1313+ </View>
1414+ )
1515+}
1616+1717+const styles = StyleSheet.create({
1818+ container: {
1919+ width: '100%',
2020+ height: '100%',
2121+ justifyContent: 'center',
2222+ alignItems: 'center',
2323+ }
2424+});
+7
src/layouts/index.ts
···11+// Copyright (c) 2026 Joseph Hale
22+//
33+// This Source Code Form is subject to the terms of the Mozilla Public
44+// License, v. 2.0. If a copy of the MPL was not distributed with this
55+// file, You can obtain one at https://mozilla.org/MPL/2.0/.
66+77+export { default as Centered } from './Centered';