在本機反應中移動到下一個屏幕

Question

如果我點擊肺銀行我想移動到另一個屏幕我該怎么做

<KeyboardAvoidingWrapper>
  <WelcomeStyledContainer>
    <StatusBar style="dark" />
    <OrganHeading>
      <OrganHeadingText>Donate Able Organ</OrganHeadingText>
    </OrganHeading>
    <View style={styles.container}>
      <View style={styles.Box}>
        <View style={styles.inerBox}>
          <CardStyle>
            <CardImage source={require('./../assets/organImage/lungs.png')} />
            <CardText>Lungs Bank</CardText>
          </CardStyle>
        </View>
      </View>

Answer 1

您可以使用react-navigation庫開始使用 react-native 中的導航。

Answer 2

如果您使用 React-navigation，以下解決方案將適用於您。

用戶界面：

<CardText onPress={()=>navigation.navigate("YOUR SCREEN NAME HERE")}>Lungs Bank</CardText>

卡片文本組件：

const CardText = ({onPress}) => {
return <Text onPress={onPress}>{props.children}</Text>;
}

謝謝！