bouton de réglage en position “fixe” à Réagir Natif

Je voudrais bouton de réglage sur le coin en bas à droite de la largeur de position fixe dans l'Réagissent Natif.

position: fixed ne fonctionnent pas Réagir Natif et stickyHeaderIndices méthode dans le ScrollView ne permet pas de positionner un élément au-dessus des autres composants.

Quelqu'un a déjà tester cette fonctionnalité ?

pourriez-vous donner plus de détails ou ajouter un croquis de ce que vous essayez d'atteindre? Voulez-vous simplement sur un bouton sur le coin inférieur droit qui se trouve en haut de la scrollview et ne défile pas avec le scrollview?
Oui, c'est "juste" un bouton dans le coin en bas à droite, au-dessus de plusieurs composants. Désolé, je n'ai pas de croquis 🙁
Vous pouvez utiliser le bouton flottant qui se trouve en haut de l'écran lien. Ou si vous voulez utiliser votre personnalisé de mise en œuvre de ce lien
Merci, je vais essayer avec ce composant 🙂

InformationsquelleAutor s-leg3ndz | 2018-01-10

css react-native

6

Essayez ceci:
```
render() {
    return (
      <View style={{flex:1}}>
        <View style={{borderWidth:1,position:'absolute',bottom:0,alignSelf:'flex-end'}}>
           <Button
             title="Press"
             color="#841584"
             accessibilityLabel="Press"/>
        </View>
      </View>
    );
  }
```
De sortie:
- Salut 🙂 Absolue n'est pas la solution avec ScrollView, le composant ne sera pas "fixe" sur le fond
- Voulez-vous bouton en bas à droite à l'intérieur de scrollview. Merci d'éditer votre question avec un peu de code que vous essayez et aussi la capture d'écran/l'esquisse de votre point de vue.
- J'ai un View enveloppant ma ScrollView et le bouton avec position: 'absolute à l'extérieur de la ScrollView et il fonctionne comme prévu.
InformationsquelleAutor Himanshu Dwivedi
2
```
<View style={{flex: 1}}>
    <ScrollView style={{backgroundColor:'yellow'}}>
          <Text>body</Text>
    </ScrollView>
    <View><Text>sticky footer</Text></View>
</View>
```
- Alors que ce bout de code peut être la solution, y compris une explication aide vraiment à améliorer la qualité de votre post. Rappelez-vous que vous répondez à la question pour les lecteurs dans l'avenir, et ces personnes pourraient ne pas connaître les raisons de votre code suggestion.
- ces solutions sont applicables seulement pour de petites affaires, dans la vraie application, en cas de pluralité de composants imbriqués cela ne fonctionnera pas
InformationsquelleAutor Mahdi Bashirpour

Vous devez vous connecter pour publier un commentaire.