Voglio utilizzare un pulsante di azione mobile in risposta Android nativo nell'angolo in basso a destra dello schermo. Ma non sono in grado di farlo.pulsante di azione fluttuante per la risposta nativa
Il componente CreateButton contiene codice di pulsante mobile. Ho chiamato il componente CreateButton dopo l'elenco View e voglio mostrare questo pulsante sul componente Android ListView con overlay trasparente e posizione fissa in basso a destra.
<DrawerLayoutAndroid
drawerWidth={300}
drawerPosition={DrawerLayoutAndroid.positions.Left}
renderNavigationView={() => navigationView}>
<View style={styles.navBar}>
<TouchableOpacity style={styles.menuIconButton}>
<Image style={styles.menuIcon} source={{uri : 'https://cdn1.iconfinder.com/data/icons/basic-ui-elements-plain/422/ 06_menu_stack-128.png'}}/>
</TouchableOpacity>
<Text style={styles.appName}>LifeMaker</Text>
<TouchableOpacity style={styles.smokeIconButton}>
<Image style={styles.smokeIcon} source={{uri : 'http://avtech.com/images/home/icons/Icon_Smoke_&_Fire.png'}}/>
</TouchableOpacity>
</View>
<ToolbarAndroid
title="AwesomeApp"
onActionSelected={this.onActionSelected}/>
<ListView
dataSource={this.state.dataSource}
renderRow={this._renderSmokeSignals}/>
<CreateButton/> //this is floating button component call
</DrawerLayoutAndroid>
//this is floating button component (<CreateButton>)
<View style={styles.createButton}>
<AccentColoredFab>
<Icon
name='ion|plus'
size={25}
color='#000000'
style={styles.icon}
/>
</AccentColoredFab>
</View>
provato con zIndex prima, ma ' position: absolute' ha fatto un trucco per visualizzarlo dove necessario. Basta riordinare il codice in modo che FAB sia dopo tutti gli altri elementi se è ancora coperto da qualcos'altro –