我创建了一个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内部的方法。