hepter/react-native-modal-selector-searchable

selected item is not displayed

Opened this issue · 0 comments

The selected element (data: label & key) is adopted, but not displayed in the selector field.
The style properties are also not adopted!!!

The code for the selector:
<ModalSelector
data={data}
ref={selector => {this.selector = selector;}}
overlayStyle={styles.dropdownselector}
caseSensitiveSearch={true}
initValue="Bitte Artikeltyp auswählen!"
supportedOrientations={['landscape']}
accessible={true}
cancelText="zurück"
scrollViewAccessible={true}
scrollViewAccessibilityLabel={'Scrollable options'}
searchText="Suche"
searchTextStyle={{
fontFamily: 'sans-serif',
fontSize: 18,
textAlign: 'center'}}
onChange={(item)=> this.handleChange(item.label, 'itemcat') }>

                    </ModalSelector>

Style properties:
const styles = StyleSheet.create({
...
dropdownselector: {
borderColor: 'deepskyblue',
borderRadius: 8,
borderWidth: 1,
height: 40,
padding: 10,
marginBottom: 15,
backgroundColor: '#fafafa',
},
...