FAB本机库中的onPress in Button

时间:2020-03-18 11:25:01

标签: android react-native native-base

我创建了一个FAB按钮,单击它会使用库NativeBase为React-Native显示RRSS图标。

我要实现的目标是使FAB中的所有按钮或图标具有自己的方法和行为。

<Fab 
    direction="down" 
    position="topRight"
    style={styles.fab}
    active={fabActive}
    containerStyle={{ }}
    onPress={() => this.setState({ fabActive: !fabActive })}>
       <Image
             resizeMode='cover'
             source={itemsImage}
             style={styles.itemsLogo}
      /> 
      <Button style={styles.buttonFab} onPress={() => this.loginFacebook()}>
                        <FontAwesome5  style={styles.iconFab} name="facebook-f" />
      </Button>
      <Button style={styles.buttonFab} onPress={() => this.loginGoogle()}>
               <FontAwesome5 style={styles.iconFab} name="google-plus-g" />
      </Button>


</Fab>

按下FAB按钮时,将显示另外两个按钮。但是,当我单击这两个按钮时,不会执行onPress内部的方法。

0 个答案:

没有答案