Клавиатура автоматически скрывается при нажатии клавиш в реагировать родной

Question

Я создаю форму, где мне нужно ввести данные в поле. Но как только я нажимаю клавишу, клавиатура автоматически скрывается, и я не могу выполнять постоянный набор.

Предположим, я набираю название продукта или запасаю все, что вводится постоянно, но когда я набираю в разделе вариантов на каждой клавиатуре клавиатура скрывается автоматически.

Вот кодовая база-

AddNewProductScreen. js

....

constructor(props) {
super(props);
this.state = {
  product: {
    name: '',
    category: '',
    type: 'packet',
    brand: '',
    variants: [
      {
        value: '',
        price: '',
      },
    ],
    stock: '',
  },
};

....

<Input
  inputContainerStyle={{borderBottomColor: 'transparent'}}
  inputComponent={() => (
    <View>
      {this.state.product.variants.map((item, index) => (
        <View key={index} style={[mainStyles.row, {marginTop: 10}]}>
          <View style={mainStyles.col6}>
            <Input
              label="Value"
              placeholder="500 gm or 1 pc"
              value={this.state.product.variants[index].value}
              onChangeText={value => {
                let variants = this.state.product.variants;
                variants[index].value = value;
                this.setState({
                  product: {
                    ...this.state.product,
                    variants,
                  },
                });
              }}
            />
          </View>
          <View style={mainStyles.col5}>
            <Input
              label="Price"
              keyboardType="numeric"
              placeholder="50"
              value={this.state.product.variants[index].price}
              onChangeText={price => {
                let variants = this.state.product.variants;
                variants[index].price = price;
                this.setState({
                  product: {
                    ...this.state.product,
                    variants,
                  },
                });
              }}
            />
          </View>
          <View style={[mainStyles.col1, {justifyContent: 'center'}]}>
            <Icon
              name="times"
              size={25}
              color="red"
              type="font-awesome"
              containerStyle={{
                display: `${
                  this.state.product.variants.length > 1 ? 'flex' : 'none'
                }`,
              }}
              onPress={() => {
                let variants = this.state.product.variants;
                variants.splice(index, 1);
                this.setState({
                  product: {
                    ...this.state.product,
                    variants,
                  },
                });
              }}
            />
          </View>
        </View>
      ))}
    </View>
  )}
/>
....

Ожидание: Внутри ввода вариантов (Value & Price), мне нужно постоянно печатать, как и другие поля ввода.

Заранее спасибо.

PS- добавление скриншота для справки