Блог

У меня проблема с react-native элементами. У меня есть один <Parent> компонент, который является a View , и у меня есть один <Child> дочерний компонент, который также является a View . Я бы хотел, чтобы это <Child> всегда было шириной и высотой 100% <Parent> . Я знаю, что могу пройти width: '100%' и height: '100%' , но это хороший способ его стилизации? Как лучше всего настроить родительский и дочерний элементы, а родительский элемент будет определять ширину и высоту, а дочерний элемент всегда будет зависеть от родительского компонента?

для этого вы можете использовать flex для стиля, подобного этому :

 import React from "react";
import { StyleSheet, Text, View } from "react-native";

const Flex = () => {
  return (
    <View style={[styles.container, {
      // Try setting `flexDirection` to `"row"`.
      flexDirection: "column"
    }]}>
      <View style={{ flex: 1, backgroundColor: "red" }} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
   
  },
});

export default Flex;
 

для получения дополнительной информации см. Это