react-native-reusables icon indicating copy to clipboard operation
react-native-reusables copied to clipboard

[ FEATURE ] Need Form component

Open useEffects opened this issue 1 year ago • 5 comments
trafficstars

useEffects avatar Aug 07 '24 12:08 useEffects

I don't understand this issue, isn't there already form stuff? I can see it in the docs and in the showcase

RWOverdijk avatar Aug 16 '24 06:08 RWOverdijk

@RWOverdijk where?

useEffects avatar Aug 16 '24 06:08 useEffects

https://rnr-showcase.vercel.app/form

RWOverdijk avatar Aug 16 '24 13:08 RWOverdijk

@RWOverdijk Its a deprecated component

useEffects avatar Aug 16 '24 13:08 useEffects

What do you mean? Form itself doesn't have a component. All the fields and such are in there (input, checkbox, radio). Forms don't have styles so I don't think I understand what you are looking for 😄

RWOverdijk avatar Aug 17 '24 12:08 RWOverdijk

Solved : import { ScrollView } from "react-native";

import { ScrollView } from "react-native-gesture-handler";

Help, scroll not working

from Form.tsx

const emails = [
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  { value: '[email protected]', label: '[email protected]' },
  ... 50+ more
];
                </SelectTrigger>
                <SelectContent insets={contentInsets} style={{ width: selectTriggerWidth }}>
                  <SelectGroup>
                  // Not scrolling
                    <ScrollView ref={emailScrollRef}>
                      {emails.map((email) => (
                        <SelectItem key={email.value} label={email.label} value={email.value}>
                          <Text>{email.label}</Text>
                        </SelectItem>
                      ))}
                    </ScrollView>
                  </SelectGroup>
                </SelectContent>
              </FormSelect>
            )}
          />

without ScrollView : Screenshot 2024-08-23 at 3 04 11 PM

gglennd avatar Aug 23 '24 07:08 gglennd

What do you mean? Form itself doesn't have a component. All the fields and such are in there (input, checkbox, radio). Forms don't have styles so I don't think I understand what you are looking for 😄

@RWOverdijk form component with these features https://ui.shadcn.com/docs/components/form#features

useEffects avatar Aug 26 '24 07:08 useEffects

@useEffects Ah I see, right. I made my own, I don't use react-hook-form. But maybe there's a way to come up with something more generic.

RWOverdijk avatar Aug 26 '24 09:08 RWOverdijk

@RWOverdijk I am trying to make use of https://github.com/vantezzen/auto-form I only need form and calendar component now, thats the whole point of these 2 features requests :)

useEffects avatar Aug 26 '24 09:08 useEffects

Hi @useEffects

Due to a recent scope update this feature request is no longer within our current focus. See https://github.com/mrzachnugent/react-native-reusables/discussions/229, for more details.

Thanks for understanding!

mrzachnugent avatar Aug 28 '24 21:08 mrzachnugent