File tree Expand file tree Collapse file tree 1 file changed +15
-0
lines changed Expand file tree Collapse file tree 1 file changed +15
-0
lines changed Original file line number Diff line number Diff line change @@ -5,12 +5,20 @@ import {
5
5
Text ,
6
6
TouchableWithoutFeedback ,
7
7
View ,
8
+ TextInput ,
8
9
} from 'react-native'
9
10
import BottomSheet from 'reanimated-bottom-sheet'
10
11
11
12
export default class Example extends React . Component {
12
13
renderInner = ( ) => (
13
14
< View style = { styles . panel } >
15
+ < TextInput
16
+ style = { styles . search }
17
+ onFocus = { ( ) => {
18
+ this . bs . current . snapTo ( 1 )
19
+ } }
20
+ placeholder = "search"
21
+ />
14
22
< Text style = { styles . panelTitle } > San Francisco Airport</ Text >
15
23
< Text style = { styles . panelSubtitle } >
16
24
International Airport - 40 miles away
@@ -59,6 +67,13 @@ export default class Example extends React.Component {
59
67
const IMAGE_SIZE = 200
60
68
61
69
const styles = StyleSheet . create ( {
70
+ search : {
71
+ borderColor : 'gray' ,
72
+ borderWidth : StyleSheet . hairlineWidth ,
73
+ height : 40 ,
74
+ borderRadius : 10 ,
75
+ paddingHorizontal : 15 ,
76
+ } ,
62
77
container : {
63
78
flex : 1 ,
64
79
backgroundColor : '#F5FCFF' ,
You can’t perform that action at this time.
0 commit comments