Question 34171 in React native Question posted in
The official React Native documentation can be found here.

How to execute a function through conditional statement in react-native? – React native

function OK() {
  return (
    <View  style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Modal>
        <Text>OK</Text>
      </Modal>    
    </View>
  )
}

const choice1 = () => {
  return (OK)  
}

function MyButton () {
  return (
      <View>
          <TouchableOpacity onPress={choice1}>
              myButton Touch
          </TouchableOpacity>
      </View>  
  );
}

function App() {
  return (
    <View>
      <MyButton />
    <View>
)}

When myButton is pressed, I want to display Ok through some conditional.
The conditional will be put in choice1.
How can I execute OK through choice1?

+)My end goal is to get the ok character to appear when mybutton is pressed.
And I want to put a conditional statement in the process.
In other words, when the mybutton is pressed, choice1 containing the conditional statement is executed, and when the condition is satisfied, I want to display the OK character.
I want to know what is the error in my code or how to implement the above.

Tags:

2

Answers


  1. 0

    If you want to check the onpress condition true or false. before button press set one state. delare state false, where button press change the state false into true. this time you can get your output.

    Login or Signup to reply.
  2. 0

    In this way the choice function can run conditionally

    function OK() {
  return (
    <View  style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Modal>
        <Text>OK</Text>
      </Modal>    
    </View>
  )
}

const choice1 = () => {
  return (OK)  
}

function MyButton () {
  return (
      <View>
          <TouchableOpacity onPress={() => {
              if (condition) {
                  choice1();
              } else {
                // Other code
              }
          }}>
              myButton Touch
          </TouchableOpacity>
      </View>  
  );
}

function App() {
  return (
    <View>
      <MyButton />
    <View>
)}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search