ReactNative入坑: 一些常用控件的使用(五)

button外面要包一个View,才能设置样式

这里是Button的源码, Button除了accessibilityLabel, color, onPress, title, disabled, testID, 这几个属性以外其他属性都不能生效, 需要外面套一个View 才能设置样式
再就是Button里面只有个自带的Text,自己往Button里塞的子控件不会显示的

TouchableHighlight

TouchableHighlight只能有一个子控件,如果既有文字又有图片等多个控件需要使用View包装一层

如何设置默认props

SectionList的用法


}
                ListFooterComponent={}
                renderItem={({item, index, section}) => section:{section.key}----{item.title}----{index}}
                renderSectionHeader={({section}) => Header:{section.key}}
                renderSectionFooter={({section}) => Footer:{section.key}}
                stickySectionHeadersEnabled={false}
                sections={[
                    {
                        key: 's1',
                        data: [
                            {title: '0 item', key: '0'},
                            {title: '1 item', key: '1'},
                            {title: '2 item', key: '2'},
                    ]},
                    {
                        key: 's2',
                        data: [
                            {title: '0 item', key: '0'},
                            {title: '1 item', key: '1'},
                            {title: '2 item', key: '2'},
                            {title: '3 item', key: '3'},
                    ]},
                ]}
            />

其余的属性看官方SectionList文档

你可能感兴趣的:(ReactNative入坑: 一些常用控件的使用(五))