bug fix xioami

lib/id.json

@@ -54,7 +54,7 @@
   "detail": "Details",
   "resendemail": "KIRIM ULANG EMAIL TOKEN",
   "enterToken": "Masukan Token",
-  "token": "Token",
+  "token": "TOKEN",
   "delivery": "ANTAR",
   "rateDelivery": "Ongkos Kirim",
   "price": "Harga",
@@ -99,7 +99,7 @@
   "Usebalancepoint": "GUNAKAN SALDO / POINT",
   "Acitvatecard": "AKTIVASI KARTU",
   "mobilePhone": "Nomor HP",
-  "resend": "Kirim Ulang",
+  "resend": "KIRIM ULANG TOKEN",
   "cardNumber": "Nomor Kartu",
   "activate": "AKTIVASI",
   "alertpoin": "Maaf Point tidak cukup",

view/AddreesDetail.js

@@ -36,6 +36,7 @@ class AddreesDetail extends React.Component {
             address_d: '',
             spinner: false,
             indicator: true,
+            caretHidden: true,
         }
     }
 
@@ -229,6 +230,8 @@ class AddreesDetail extends React.Component {
                             </View>
                             <View style={{ flex: 6 }}>
                                 <TextInput style={{ height: 45 }} placeholder="Cari Alamat"
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})}
                                     onChangeText={(address) => this.setState({ address })}>
                                 </TextInput>
                             </View>
@@ -292,7 +295,10 @@ class AddreesDetail extends React.Component {
                             </View>
                             <View style={styles.field_name_addrees}>
                                 <Text style={{ fontFamily: 'Gotham-Black', color: "#ccb46c", textAlign: 'center', fontSize: 18 }}>{i18n.t('label')}</Text>
-                                <TextInput style={{ color: 'grey', fontFamily: 'Gotham-Black', height: 40, borderWidth: 1, padding: 5, flex: 1, margin: 10, borderRadius: 10, borderColor: 'grey', textAlign: 'center' }} onChangeText={(name) => this.setState({ name })} />
+                                <TextInput style={{ color: 'grey', fontFamily: 'Gotham-Black', height: 40, borderWidth: 1, padding: 5, flex: 1, margin: 10, borderRadius: 10, borderColor: 'grey', textAlign: 'center' }}
+                                 onChangeText={(name) => this.setState({ name })} 
+                                 caretHidden={this.state.caretHidden}
+                                 onFocus={() => this.setState({caretHidden: false})} />
                             </View>
 
                             <View style={styles.field_detail_addrees}>
@@ -301,7 +307,9 @@ class AddreesDetail extends React.Component {
                                     style={{ color: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', height: 70, borderWidth: 1, padding: 5, flex: 1, margin: 10, borderRadius: 10, borderColor: 'grey' }}
                                     onChangeText={(description) => this.setState({ description })}
                                     numberOfLines={10}
-                                    multiline={true} />
+                                    multiline={true}
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})} />
                             </View>
                             <View style={{ margin: 50, justifyContent: 'center' }}>
                                 <TouchableOpacity onPress={() => this.saveAddress()}>

view/ChangePassword.js

@@ -15,6 +15,7 @@ class ChangePassword extends React.Component {
             old_password: '',
             Password: '',
             Password_confirmation: '',
+            caretHidden:true
         }
     }
 
@@ -57,6 +58,8 @@ class ChangePassword extends React.Component {
                                 onChangeText={(old_password) => this.setState({ old_password })}
                                 value={this.state.old_password}
                                 secureTextEntry={true}
+                                caretHidden={this.state.caretHidden}
+                                onFocus={() => this.setState({caretHidden: false})}
                                 textAlign='center' />
                         </View>
                     </View>
@@ -69,6 +72,8 @@ class ChangePassword extends React.Component {
                                 onChangeText={(Password) => this.setState({ Password })}
                                 value={this.state.Password}
                                 secureTextEntry={true}
+                                caretHidden={this.state.caretHidden}
+                                onFocus={() => this.setState({caretHidden: false})}
                                 textAlign='center' />
                         </View>
                     </View>
@@ -81,6 +86,8 @@ class ChangePassword extends React.Component {
                                 onChangeText={(Password_confirmation) => this.setState({ Password_confirmation })}
                                 value={this.state.Password_confirmation}
                                 secureTextEntry={true}
+                                caretHidden={this.state.caretHidden}
+                                onFocus={() => this.setState({caretHidden: false})}
                                 textAlign='center' />
                         </View>
                     </View>

view/ChangeProfil.js

@@ -18,6 +18,7 @@ class ChangeProfil extends React.Component {
             gender_selected: '',
             email: '',
             no_tlp: '',
+            caretHidden:true
         }
         // console.log('PROPS : ' + JSON.stringify(props.navigation))
     }
@@ -100,12 +101,14 @@ class ChangeProfil extends React.Component {
                 <View style={{ flex: 1, margin: 20,top:20 }}>
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Name</Text>
                     <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
-                         onChangeText={(full_name) => this.setState({ full_name })} value={this.state.full_name}>
+                         onChangeText={(full_name) => this.setState({ full_name })} value={this.state.full_name} 
+                         caretHidden={this.state.caretHidden}
+                         onFocus={() => this.setState({caretHidden: false})}>
                     </TextInput>
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Date of Birth</Text>
                     <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
-                        editable={false}>
-                            {this.state.dob_day} / {this.state.dob_month} / {this.state.dob_year}
+                    editable={false}>
+                    {this.state.dob_day} / {this.state.dob_month} / {this.state.dob_year}
                     </TextInput>
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin:3 }}>Gender</Text>
                     <View style={{justifyContent:'center',borderRadius:10,borderWidth:1,borderColor:'grey',height:40,marginRight:10,marginLeft:10}}>
@@ -120,7 +123,9 @@ class ChangeProfil extends React.Component {
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Mobile</Text>
                     <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                         onChangeText={(no_tlp) => this.setState({ no_tlp })}
-                        editable={true}>
+                        editable={true}
+                        caretHidden={this.state.caretHidden}
+                        onFocus={() => this.setState({caretHidden: false})}>
                     </TextInput>
                 </View>
             </View>

view/DeliveryAddrees.js

@@ -20,6 +20,7 @@ class DeliveryAddrees extends React.Component {
             data_before_search: [],
             search: '',
             indicator: true,
+            caretHidden: true
             // outlet_id: '',
             // grabamount: ''
         }
@@ -311,6 +312,8 @@ class DeliveryAddrees extends React.Component {
                             <TextInput style={{ height: 45 }} placeholder={i18n.t('searchaddress')}
                                 onChangeText={text => this.filterData(text)}
                                 onClear={text => this.filterData('')}
+                                caretHidden={this.state.caretHidden}
+                                onFocus={() => this.setState({caretHidden: false})}
                                 value={this.state.search}></TextInput>
                         </View>
                         <View style={{ flex: 1, margin: 5 }}>

view/EmailConfirmation.js

@@ -15,7 +15,8 @@ class EmailConfirmation extends React.Component {
         super(props);
         this.state = {
             confirmation_number: "",
-            spinner: false
+            spinner: false,
+            caretHidden:true,
         }
     }
 
@@ -213,7 +214,9 @@ class EmailConfirmation extends React.Component {
                             value={this.state.confirmation_number}
                             autoCapitalize="none"
                             value={this.state.email}
-                            keyboardType='numeric' />
+                            keyboardType='numeric'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})} />
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleSubmit()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 10, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
                                 <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('submit')}</Text>

view/NewPassword.js

@@ -12,6 +12,7 @@ class NewPassword extends React.Component {
     constructor(props) {
         super(props)
         this.state = {
+            caretHidden:true,
             confirmation_number: '',
             email: this.props.email,
             password: this.props.password,
@@ -86,22 +87,25 @@ class NewPassword extends React.Component {
                     <View style={{ flex: 1, marginRight: 30, marginLeft: 30, top: 20 }}>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('email')}</Text>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 18, textAlign: 'center', margin: 3, marginBottom: 15 }}>{this.props.email}</Text>
-
-
-
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('token')}</Text>
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                             onChangeText={(confirmation_number) => this.setState({ confirmation_number })}
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                             value={this.state.confirmation_number} />
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('newpassword')}</Text>
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                             onChangeText={(password) => this.setState({ password })}
                             value={this.state.password}
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                             secureTextEntry={true} />
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('repeatpassword')}</Text>
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                             onChangeText={(password_confirmation) => this.setState({ password_confirmation })}
                             value={this.state.password_confirmation}
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                             secureTextEntry={true} />
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleResetPassword()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 20, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>

view/New_Register.js

@@ -32,6 +32,7 @@ class NewRegister extends React.Component {
     constructor(props) {
         super(props);
         this.state = ({
+            caretHidden:true,
             email: "",
             password: "",
             full_name: "",
@@ -281,6 +282,8 @@ class NewRegister extends React.Component {
                             </View>
                             <View style={styles.items2}>
                                 <TextInput
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})}
                                     style={styles.textInput}
                                     onChangeText={(email) => this.setState({ email })}
                                     value={this.state.email}
@@ -300,6 +303,8 @@ class NewRegister extends React.Component {
                             </View>
                             <View style={styles.items2}>
                                 <TextInput
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})}
                                     style={styles.textInput}
                                     onChangeText={(password) => this.setState({ password })}
                                     value={this.state.password}
@@ -318,6 +323,8 @@ class NewRegister extends React.Component {
                             <View style={styles.items2}>
                                 <TextInput
                                     style={styles.textInput}
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})}
                                     onChangeText={(confirm_pass) => this.setState({ confirm_pass })}
                                     value={this.state.confirm_pass}
                                     secureTextEntry={true}
@@ -335,6 +342,8 @@ class NewRegister extends React.Component {
                             <View style={styles.items2}>
                                 <TextInput
                                     style={styles.textInput}
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})}
                                     onChangeText={(full_name) => this.setState({ full_name })}
                                     value={this.state.full_name}
                                     placeholder='Example'

view/PaymentCode.js

@@ -14,6 +14,7 @@ class PaymentCode extends React.Component {
             kaspro_point: '',
             redeem_balance: '',
             redeem_point: '',
+            caretHidden:true,
         }
     }
 
@@ -85,6 +86,8 @@ class PaymentCode extends React.Component {
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                             onChangeText={(redeem_point) => this.setState({ redeem_point })}
                             autoCapitalize="none"
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                             keyboardType='numeric'>IDR.{this.state.kaspro_point}</TextInput>
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.redeem()}>
                             <View style={{ backgroundColor: '#CFB368', height: 40, top: 20, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>

view/PickupName.js

@@ -29,6 +29,7 @@ class PickupName extends React.Component {
             data_before_search: [],
             spinner: false,
             indicator: true,
+            caretHidden:true
         }
     }
 
@@ -304,7 +305,9 @@ class PickupName extends React.Component {
                             <TextInput style={{ height: 45 }} placeholder={i18n.t('searchpickups')}
                                 onChangeText={text => this.filterData(text)}
                                 onClear={text => this.filterData('')}
-                                value={this.state.search}></TextInput>
+                                value={this.state.search} 
+                                caretHidden={this.state.caretHidden}
+                                onFocus={() => this.setState({caretHidden: false})}></TextInput>
                         </View>
                         <View style={{ flex: 1, margin: 5 }}>
                             <Ionicons name="ios-search" size={32} color="#ccb46c" />

view/RatingOrder.js

@@ -23,6 +23,7 @@ class RatingOrder extends React.Component {
             detail_trans: '',
             trans_status: '',
             modalVisible: false,
+            caretHidden:true,
         }
     }
 
@@ -126,6 +127,8 @@ class RatingOrder extends React.Component {
                             multiline={true}
                             numberOfLines={4}
                             blurOnSubmit={false}
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
 
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.review()}>

view/ResetPassword.js

@@ -14,7 +14,8 @@ class ResetPassword extends React.Component {
         this.state = {
             email: '',
             language: 'id',
-            spinner: false
+            spinner: false,
+            caretHidden:true
         }
     }
 
@@ -87,7 +88,9 @@ class ResetPassword extends React.Component {
                             onChangeText={(email) => this.setState({ email })}
                             autoCapitalize="none"
                             value={this.state.email}
-                            keyboardType='email-address' />
+                            keyboardType='email-address'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})} />
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleResetPassword()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 20, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
                                 <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('submit')}</Text>

view/TransferBalance.js

@@ -18,7 +18,8 @@ class TransferBalance extends React.Component {
             account_number: "",
             destination: "",
             amount: "",
-            reference: ""
+            reference: "",
+            caretHidden:true,
         }
     }
 
@@ -90,22 +91,30 @@ class TransferBalance extends React.Component {
                     <TextInput  style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                                     onChangeText={(destination) => this.setState({ destination })}
                                     value={this.state.destination}
-                                    keyboardType='number-pad' />
+                                    keyboardType='number-pad' 
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})}/>
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('amount')}</Text>
                     <TextInput  style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                                     onChangeText={(amount) => this.setState({ amount })}
                                     value={this.state.amount}
-                                    keyboardType='number-pad'/>
+                                    keyboardType='number-pad'
+                                    caretHidden={this.state.caretHidden}
+                                    onFocus={() => this.setState({caretHidden: false})} />
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('currentbalance')}</Text>
                     <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                         onChangeText={(no_tlp) => this.setState({ no_tlp })}
-                        editable={false}>
+                        editable={false}  
+                        caretHidden={this.state.caretHidden}
+                        onFocus={() => this.setState({caretHidden: false})}>
                             {this.state.balance}
                     </TextInput>
                     <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('message')}</Text>
                     <TextInput style={{ height: 100, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                          onChangeText={(reference) => this.setState({ reference })}
-                         value={this.state.reference}>
+                         value={this.state.reference} 
+                         caretHidden={this.state.caretHidden}
+                         onFocus={() => this.setState({caretHidden: false})}>
                     </TextInput>
                 </View>
             </View>

view/UpgradePremium.js

@@ -59,6 +59,7 @@ class UpgradePremium extends React.Component {
             uri_id: this.props.URI,
             uri_selfie: this.props.URI_IDCARD,
             spinner: false,
+            caretHidden:true,
         }
     }
 
@@ -227,6 +228,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(nama_depan) => this.setState({ nama_depan })}
                             value={this.state.nama_depan}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -238,6 +241,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(nama_belakang) => this.setState({ nama_belakang })}
                             value={this.state.nama_belakang}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -249,6 +254,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(tempat_lahir) => this.setState({ tempat_lahir })}
                             value={this.state.tempat_lahir}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -260,6 +267,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(alamat_permanent) => this.setState({ alamat_permanent })}
                             value={this.state.alamat_permanent}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -271,6 +280,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(region) => this.setState({ region })}
                             value={this.state.region}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                         {/* <RNPickerSelect
                                 value={this.state.region}
@@ -287,6 +298,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(city) => this.setState({ city })}
                             value={this.state.city}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                         {/* <RNPickerSelect
                                 value={this.state.city}
@@ -303,6 +316,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(district) => this.setState({ district })}
                             value={this.state.district}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -314,6 +329,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(village) => this.setState({ village })}
                             value={this.state.village}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -349,6 +366,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(id_value) => this.setState({ id_value })}
                             value={this.state.id_value}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>
@@ -360,6 +379,8 @@ class UpgradePremium extends React.Component {
                             onChangeText={(nationality) => this.setState({ nationality })}
                             value={this.state.nationality}
                             textAlign='center'
+                            caretHidden={this.state.caretHidden}
+                            onFocus={() => this.setState({caretHidden: false})}
                         />
                     </View>
                     <View style={styles.textLabel}>