时间戳

首页 > 解决方案 > 如何将 ScrollView 扩展到 React Native 中的默认属性？

react-native - 如何将 ScrollView 扩展到 React Native 中的默认属性？

问题描述

如何扩展ScrollView以便我可以使用MyScrollView我的默认属性？

我想更换

<ScrollView
     style={{ flex: 1 }}
     showsVerticalScrollIndicator={false}
     bounces={false}
     contentContainerStyle={{
                        paddingTop: 50,
                        paddingRight: 33,
                        paddingBottom: 60,
                        paddingLeft: 33
                    }}
>
...
</ScrollView>

只需使用我自己的组件

<MyScrollView>
...
</MyScrollView>

我构建了自己的组件，但它们不包含像 Views 这样的其他组件。

标签： react-native

解决方案

只需在其中传递子组件，例如：

<MyScrollView>
   <Text>Hello</Text>
</MyScrollView>

然后在您的 MyScrollView 组件中使用 children 道具来获取视图；

<ScrollView
 style={{ flex: 1 }}
 showsVerticalScrollIndicator={false}
 bounces={false}
 contentContainerStyle={{
    paddingTop: 50,
    paddingRight: 33,
    paddingBottom: 60,
    paddingLeft: 33
 }}>
   {this.props.children}
</ScrollView>

推荐阅读