Support for modal screens (two-page form edit)?

[gcanti]

Support for modal screens (two-page form edit)?

[irony]

+1

[carbureted]

+1

[davidlivingrooms]

👍

[alvaromb]

Can you provide a visual example for that @aksonov ?

I think that what you're trying to do is completely doable right now. You can use this other component to render the item cell https://github.com/APSL/react-native-item-cell and use tcomb-form-native for the forms itself.

[alvaromb]

Also keep in mind that what you're trying to do involves some Navigator or NavigatorIOS around, and in my opinion that's not what this library tries to solve. You can easily create validated forms with tcomb-form-native and wrap 'em into whatever view hierarchy or flux you want, but I'm not sure this library should auto-generate a more complex view navigation.

Small libs to solve concrete problems is the way. If you want to auto-generate that form with navigation, you should create a library on top of tcomb-form-native in order to provide that functionality. Please ping me if you need help doing that, I'm open to collaborate :)

[davidlivingrooms]

I can't speak for @aksonov but I personally imagine something like this. The Gender and Country options open up a new 'modal' screen with the widget instead of it being on the same page.

The view navigation may not be so complex since it is really just pushing and then popping the same scene? I am new to react native so maybe it would not be so easy. You make a good point @alvaromb and it's possible that this is outside the goal of this lib.

This is just my opinion but in tcomb-form for the web it makes sense for the form to be all on one page most of the time but for phone apps where modals are more common it would be nice if there was an isModal prop for each widget or something like that. For my use case, I would be happy with an example of how to integrate/recreate this interaction with tcomb-form-native. Either way, I'll keep trying to get something to work. I'll update this if I make any progress.

[alvaromb]

You actually can do that, @GrumpyPants, the only thing is that tcomb-form-native doesn't provide those templates for you. I have done this by myself in two apps without any problem. You need a Navigator in order to make that transition, and my point is that this library shouldn't enforce you to use it. Don't get me wrong, react-native-gifted-form is very cool, but I think that the goal of this library is another one.

If you look closely to the gif you posted, the modal transition is wrong, because the navigation bar simulates a push-like transition when the contained view in the modal is opening bottom-to-top, not left-to-right.

Anyway, we could try to offer different templates with similar behaviour, but keep in mind that offering great templates with good customization involves a lot of things in this case: NavigationBar, Button's for the navbar, transition, the touchable component that triggers the modal opening...

[bchoddny]

+1

[alvaromb]

How do you feel about this @gcanti? Maybe we could stick something into the docs, but it is out of the scope of this library IMHO.

[gcanti]

but it is out of the scope of this library IMHO

I agree, going to close this.