-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.ios.js
85 lines (82 loc) · 2.14 KB
/
index.ios.js
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flo
*/
import AutoSuggest from 'react-native-autosuggest'
// cloned from the github repo for development purposes
import React, { Component } from 'react'
import { TextInput, AppRegistry, StyleSheet, View } from 'react-native'
/* const myOptionalCustomClearBtn = [
<View key={1} style={{ flex: 1, padding: 2, justifyContent: 'center' }}>
<Text>Clear Me!!</Text>
</View>,
]
*/
const Styles = StyleSheet.create({
TextInput: {
width: 300,
paddingLeft: 10,
fontSize: 12,
backgroundColor: 'lightgrey',
height: 40,
},
AutoSuggest: {
width: 300,
paddingLeft: 10,
fontSize: 12,
backgroundColor: 'lightgrey',
height: 40,
},
})
export default class AutoSuggestExample extends Component {
render () {
return (
<View
style={{
flex: 1,
backgroundColor: 'dimgrey',
paddingTop: 50,
paddingLeft: 10,
}}
>
<TextInput
style={Styles.TextInput}
placeholder="I'm an ordinary, boring TextInput component."
/>
<AutoSuggest
containerStyles={{ marginTop: 10, marginBottom: 10 }}
otherTextInputProps={{ editable: true }}
textInputStyles={{
width: 300,
paddingLeft: 10,
fontSize: 12,
backgroundColor: 'lightgrey',
height: 40,
}}
onChangeText={selection => console.log(`you selected ${selection}`)}
clearBtn={null /* myOptionalCustomClearBtn */}
terms={[
'Apple',
'Banana',
'Orange',
'Strawberry',
'Lemon',
'Cantaloupe',
'Peach',
'Mandarin',
'Date',
'Kiwi',
]}
placeholder="I'm a super-awesome TextInput!"
placeholderTextColor='darkgrey'
/>
<TextInput
style={Styles.TextInput}
placeholder="I'm an ordinary, boring TextInput component."
/>
</View>
)
}
}
AppRegistry.registerComponent('AutoSuggestExample', () => AutoSuggestExample)