React Native - do not stop on page,

Question

I'm new to React Native. I'm trying to send parameters between pages through 'Actions' from react-native-router-flux. 'Actions' is called on 'onPress' method of 'TouchableOpacity'. But the things is that, when I do not give any parameter to 'Actions' it works properly, without any problem. But when I give some parameter, it does not wait on the page, immediately redirects to the new page just like 'TouchableOpacity' is clicked.

Here are both codes with parameter and without parameter.

without parameter

with parameter, do not work properly,don't wait for press, immediatetly navigate when page is rendered

You are better to put code itself, instead of it's picture. – Farzin Kanzi Feb 05 '17 at 14:01 — Farzin Kanzi, Feb 05 '17 at 14:01

score 2 · Accepted Answer · answered Feb 05 '17 at 13:39

2

You are exectuing a function instead of giving onPress a function.

Your first example works because you did not call the function. Calling it with no parameters would be Actions.home(), but you wrote Actions.home which returns the home function.

Your code should be onPress={() => Actions.home(data.id)} which is simply creating a function for onPress.

answered Feb 05 '17 at 13:39

Moti Azu

5,392
1
23
32

1

Thank you very much. It helped me a lot and also made me understand better, how React-Native works. – Ali Zeynalov Feb 05 '17 at 14:06

React Native - do not stop on page,

1 Answers1