@dfeidao/fd-m000011 v4.6.201907010951

抽屉菜单列表

https://dfeidao.gitee.io/widgets-mobile/

目前列表使用的是FlatList，支持FlatList所有属性

一、安装

yarn add @dfeidao/fd-m000011 --dev

二、属性

三、完整示例

<View>
	<SwipeList
		loading_state={'loading'}
		preview={true}
		data={[{ key: 'a' }, { key: 'b' }]}
		left_open_value={100}
		right_open_value={-100}
		left_menu={((item) => {
			return <View style={{}}><Text style={{ width: 100, backgroundColor: 'red', height: 100 }}>{JSON.stringify(item)}</Text></View>;
		})}
		body={((item) => {
			return <View style={{ backgroundColor: '#fff', height: 100, width: '100%', justifyContent: 'center', alignItems: 'center' }}><Text>{JSON.stringify(item)}</Text></View>;
		})}
		right_menu={(() => {
			return (
				<View style={{ backgroundColor: '#4b9dfa', height: 100, width: 100 }}>
					<Text>Right</Text>
					<Button title='button' onPress={() => {
						Alert.alert('123');
					}}></Button>
				</View>
			);
		})}
		loading_footer={
			<View style={{ backgroundColor: '#fff', height: 20, alignItems: 'center', justifyContent: 'center' }}><Text style={{ fontSize: 13, color: '#333' }}>正在加载中...</Text></View>
		}
		complete_footer={
			<View style={{ backgroundColor: '#fff', height: 20, alignItems: 'center', justifyContent: 'center' }}><Text style={{ fontSize: 13, color: '#333' }}>已加载全部数据</Text></View>
		}
		onEndReachedThreshold={0.1}
		onEndReached={() => {
			setTimeout(() => {
				this.setState({
					data: [{ name: 'a' }, { name: 'b' }, { name: 'c' }, { name: 'd' }, { name: 'e' }, { name: 'f' }, { name: 'g' }, { name: 'h' }, { name: 'i' }, { name: 'j' }, { name: 'k' }, { name: 'l' }, { name: 'm' }, { name: 'n' }, { name: 'o' }, { name: 'p' }],
					loading_state: 'complete'
				});
			}, 500);
		}}
	></SwipeList>
</View>