Yutt's Blog

react-native-element

2018/01/19 Share

简单好用的 React Native 组件库。

Lists

创建

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { List, ListItem } from 'react-native-elements';
list = [
{ name: 'aaa', value: '123' },
{ name: 'bbb', value: '346' }
];

render() {
return (
<ScrollView style={CommonStyles.container}>
<List containerStyle={CommonStyles.detailList}>
{
this.list.map((l, i) => (
<ListItem
key={i}
title={l.name}
rightTitle={l.value}
hideChevron
containerStyle={CommonStyles.detailListItemContainer}
wrapperStyle={CommonStyles.detailListItemWrapper}
titleStyle={[CommonStyles.label, { marginLeft: 0 }]}
rightTitleStyle={CommonStyles.text}
/>
))
}
</List>
</ScrollView>
);
}
CATALOG
  1. 1. Lists
    1. 1.1. 创建