2

Picker works fine, but when it placed bottom of screen, it suppose to expand items upwards, but still goes down..

I checked to documentation but couldnt find a way? Is there anyone here how to do it?

screenshot: enter image description here

Component:

<View style={{flex: 1}}>
        <MapView
          provider={PROVIDER_GOOGLE}
          style={[styles.map]}
          loadingEnabled
          initialRegion={initialLocation}
          ref={mapRef}>
          {location && (
            <Marker coordinate={location}>
              <Image
                style={{
                  width: 40,
                  height: 40,
                  margin: 5,
                }}
                source={require('../../assets/icons/marker_icon.png')}
              />
            </Marker>
          )}
          
        </MapView>
        <View style={{flex: 1, justifyContent: 'flex-end', width: '50%'}}>
          <DropDownPicker
            items={allTowns}
            multiple={true}
            multipleText="%d bölge seçildi."
            min={0}
            max={10}
            defaultValue={country}
            containerStyle={{height: 40}}
            itemStyle={{
              justifyContent: 'center',
              alignItems: 'center',
            }}
            onChangeItem={(item) => alert(item)}
          />
        </View>
      </View>
Mehmet Yener Yılmaz
  • 241
  • 1
  • 6
  • 12

1 Answers1

1

In the documentation, under Advanced > DropDown Box it mentions the props 'dropDownDirection'

To make it go up, you must set it to 'TOP' (case is important)

Mareaucanard
  • 11
  • 1