Don't use flex on inputs (#5458)

2024-09-23 16:34:59 -05:00
parent e1ee95a719
commit e93cbbd56a
4 changed files with 40 additions and 17 deletions
@@ -32,6 +32,27 @@ export function Forms() {
          label="Text field"
        />

+        <View style={[a.flex_row, a.gap_sm]}>
+          <View
+            style={[
+              {
+                width: '50%',
+              },
+            ]}>
+            <TextField.Root>
+              <TextField.Icon icon={Globe} />
+              <TextField.Input
+                value={value}
+                onChangeText={setValue}
+                label="Text field"
+              />
+            </TextField.Root>
+          </View>
+          <Button label="Submit" size="large" variant="solid" color="primary">
+            <ButtonText>Submit</ButtonText>
+          </Button>
+        </View>
+
        <TextField.Root>
          <TextField.Icon icon={Globe} />
          <TextField.Input