React Native - 将 ActivityIndi​​cator 重新定位到登录按钮

Posted 2023-02-23

【中文标题】React Native - 将 ActivityIndi​​cator 重新定位到登录按钮

【英文标题】：React Native - Relocating ActivityIndicator to Login Button

【发布时间】：2021-09-04 14:41:41

【问题描述】：

我尝试将 ActivityIndi​​cator 添加到登录按钮的位置。我想如果用户按下登录按钮，它应该变成活动指示器。我坚持为按钮和活动指示器组件创建条件。

如果 indicatorVisible 状态为假，则显示 LoginButton，如果为真，则显示 ActivityIndi​​cator。

 state = indicatorVisible: false
 
 render()   
....
<TextButton onPress=() => this.pressHandler() color='#15DCA2' title='Login' />
  <ActivityIndicator size="small" color="#0000ff" />
...
 

我想要的只是如何以最有效的方式隐藏和重新定位 2 个组件。

【参考方案1】：

this.state = 
activityIndicator: false,


render() 
  const activityIndicator = this.state;
  return (
    <View>
      activityIndicator === false ? (
        <TextButton color="color" title="Login" />
      ) : (
        <ActivityIndicator />
      )
    </View>
  )

您可以使用三元运算符根据条件显示不同的视图。

【讨论】：

我在找这个。谢谢。