i need have navigation within modal in react-native app.
the user opens modal perform specific task, , upon completing (or canceling) returned screen on when opened modal start task.
i redux pattern , trying use redux app. far good, modal problem has me stuck.
i have tried several approaches via navigator
, other libraries , have arrived @ react-native-router-flux
best navigation option use redux. however, after several different attempts , lot of digging in docs, i'm stuck trying make work. have stepped , asked if there user-flow solve problem, can't think of any.
to explain in more detail, take @ following:
<routerwithredux> <scene key={routeractions.app_home} component={home} hidenavbar={true}/> <scene key={routeractions.add_todo_modal__root} direction="vertical"> <scene key={routeractions.add_todo_modal__todo_detail} component={itemlibrary} title="details" initial={true}/> <scene key={routeractions.add_todo_modal__todo_date_picker} component={itemlibrary} title="select due date"/> <scene key={routeractions.add_todo_modal__todo_review} component={itemeditor} title="review"/> </scene> </routerwithredux>
when user, sitting on add_todo_modal__todo_review
, has reviewed todo , saves it, whole modal should close (as in, whole group of scenes nested in add_todo_modal__root
, dismissing vertically whole canceling react-native modal
object), , should put user on app_home
.
if try pushing app_home
, comes in side on top of old view, , not behavior user expecting. besides that, i'm building navigation stack , never popping off.
i've tried calling actions.pop()
few times back, seems major hack. not mention while end on app_home
, animations go bit crazy tries deal popping first couple of scenes.
i tried using switch
may have been using wrongly. docs , examples few, , see doesn't apply non-tabbed navigation. wrong? can give me simple example using switch
flow i'm talking about?
and in general, have experience building kind of user flow using react-native-router-flux
? use redux here, maybe should abandon hopes using redux in way , try flux approach navigator? i'm open other library suggestions well.
thanks looking!