React Native button click

Question

Im an working on React Native application. I have two different screens, Login and Register. Both the components are present in different modules. But, when I add onPress prop to the button in one screen, it is affecting the other screen also. For ex, if I click button of login screen, it is calling function of register screen, even there is no such event added for login screen button.

Please look at the code blocks,

LoginForm.js

<TouchableOpacity style={styles.buttonContainerRegister} onPress = {() => this.props.navigation.navigate('RegisterScreen')}>
                        <Text  style={styles.buttonText}>REGISTER</Text>
                    </TouchableOpacity>

RegisterForm.js

<TouchableOpacity style={styles.buttonContainerRegister1}  testID="test1" >
                            <Text  style={styles.buttonText1} onPress = {Alert.alert("my")} >Register</Text>
                        </TouchableOpacity>

When I click button of LoginForm.js, it is triggering event add for RegisterForm.js button.

SGhaleb · Accepted Answer · 2018-08-23 14:36:16Z

4

In your RegisterForm.js, change this..

onPress = {Alert.alert("my")} //Self invoking

to this

onPress = {() => Alert.alert("my")} //Requires a Press event

answered Aug 23, 2018 at 14:36

SGhaleb

1,0031 gold badge14 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related