swiftui-react-native
Version:
A React Native component library inspired by SwiftUI
30 lines • 1.46 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.HStack = void 0;
const expo_modules_core_1 = require("expo-modules-core");
const react_1 = __importDefault(require("react"));
const react_native_1 = require("react-native");
const modifiers_1 = require("../../utils/modifiers");
const onBaseEvent_1 = require("../../utils/onBaseEvent");
const NativeHStack = (0, expo_modules_core_1.requireNativeViewManager)('HStack');
function HStack({ style, spacing, alignment, children, ...modifiers }) {
return (react_1.default.createElement(NativeHStack, { spacing: spacing, alignment: alignment, modifiers: (0, modifiers_1.mapToNativeModifiers)(modifiers), style: {
...(0, modifiers_1.getSizeFromModifiers)(modifiers),
flexDirection: 'row',
...style,
}, onEvent: (e) => {
(0, onBaseEvent_1.onBaseEvent)(e, modifiers);
} }, react_1.default.Children.map(children, (child) => {
return react_1.default.createElement(react_native_1.View, { style: { alignSelf: 'center' } }, child);
})));
}
exports.HStack = HStack;
HStack.displayName = 'SwiftUIHStack';
// TODO: add sheet support
/* {modifiers.sheet && (
<SheetContent>{modifiers.sheet.content}</SheetContent>
)} */
//# sourceMappingURL=HStack.ios.js.map