Je souhaite diviser l'écran entier en 4 parties égales ayant une action cliquable et onClick une invite doit apparaître avec une zone de texte et un bouton d'accord sur l'appui de la transmission de WebView
3 Réponses :
Vous pouvez utiliser le VW code> (ViewPort Largeur) et VH CODE> (Hauteur de visualisation) et attribuer à tous vos articles width: "50vw",
height: "50vh"
Je veux y arriver en utilisant Flex? Comment je fais ça?
Ensuite, utilisez simplement une vue parent avec Flex 1 et les enfants avec Flex 0.5. Enveloppez-les sous des vues pour utiliser la première colonne de direction Flex puis la ligne.
Si vous faites cela dans React-Native, utilisez ci-dessous le code. Cela divisera les écrans en quatre parties et avec touchableopacity code> Vous pouvez utiliser des événements de réflexion, sinon vous pouvez utiliser une vue simple code>. <View style={{ flex: 1 }}>
<View style={{ flex: 1 }}>
<TouchableOpacity
style={{ flex: 1, backgroundColor: 'red' }}
onPress={() => { }} // Action
>
</TouchableOpacity>
<TouchableOpacity
style={{ flex: 1, backgroundColor: 'green' }}
onPress={() => { }} // Action
>
</TouchableOpacity>
</View>
<View style={{ flex: 1 }}>
<TouchableOpacity
style={{ flex: 1, backgroundColor: 'blue' }}
onPress={() => { }} // Action
>
</TouchableOpacity>
<TouchableOpacity
style={{ flex: 1, backgroundColor: 'yellow' }}
onPress={() => { }} // Action
>
</TouchableOpacity>
</View>
</View>
Comment ajouter une invite concernant un clic où il peut saisir un texte et le stocker et accéder également à un nouvel écran?
Vous voulez dire que vous souhaitez ouvrir une boîte de dialogue avec une zone de texte d'entrée et effectuer un événement après ENTER Texte (par cet utilisateur d'événement peut enregistrer du texte et passer à l'écran suivant)?
<View style={{flex: 1}}>
<View style={{flex: 1}}> </View>
<View style={{flex: 1}}> </View>
</View>