native base showing additional underline

I am using a simple input component which shows two underlines in an old Android phone.

<View style={styles.newNameFieldContainer}><Item style={styles.inputItem}><Input               placeholder="Bibliothek"              onChangeText={(text) => setLocationName(text)}              style={styles.inputField}              value={locationName}            /></Item></View>

  newNameFieldContainer: {    alignItems: 'center',    height: moderateScale(80),  },  inputItem: {    width: moderateScale(300, 0.3),    borderBottomColor: 'red'  },  inputField: {    fontSize: moderateScale(14),    //width: moderateScale(300, 0.3),    borderBottomColor: 'transparent',  },

The red line on the bottom is from the Item. while the other black line at top is from the Input. How can I fix this?