【发布时间】：2019-04-06 21:57:04
【问题描述】：
我是 React Native 的新手，我正在尝试让一个子组件填充其容器的所有可用空间。
问题是我没有指定孩子；我正在为我的应用设计一个可重用的组件。
我怎样才能让一个孩子（从外部传递）填满我容器内的所有空间？它目前只使用其固有大小。
【问题讨论】：
-
您是否尝试将 'flex:1' 作为子组件的样式？
-
@NaeimFard 如果我将
flex: 1或width: '100%'放在子组件中，它已经可以工作了。我的问题是我正在设计一个可重用的组件，并且我希望这是我的组件的默认行为，不将 flex: 1 放在我外部提供的每个子组件上。 -
为什么不在可重用的子组件中放置样式表？
const styles = StyleSheet.create({ main: { flex: 1, width:'100%' }然后在您的子组件的视图中使用此样式。 style=styles.main> ... -
@NaeimFard 我没有可重用的子组件，它可以是任何自定义或内置组件。
标签： react-native flexbox