React Native TextInput Comp. Doesn't Work on Specific location in Android

EDITED. So, guys, you told me just write one question at a time. Now I fixed my little bugs but still, I have a bug that's so weird.

Now, I can't click on TextInput comp. in android below a specific location on the screen. To be clear;

when the styling is like that: -WORKS

input: {
    position: 'absolute', // probably it's about position, but I'm not sure
    top: 29, // I mean when top style prop is smaller than 30 it works
    width: '92%',
    height: 30,
    fontSize: 25,
    fontWeight: 'bold',
    color: '#000000',
    borderWidth: 1,
    borderColor: '#000000',
    borderRadius: 0,
    backgroundColor: '#fff',
    textAlign: 'left',
  }

However when it's like this: -DOESN'T WORK

input: {
    position: 'absolute',
    top: 30, // or 35 or 40
    width: '92%',
    height: 30,
    fontSize: 25,
    fontWeight: 'bold',
    color: '#000000',
    borderWidth: 1,
    borderColor: '#000000',
    borderRadius: 0,
    backgroundColor: '#fff',
    textAlign: 'left',
  }

And, I don't think it's necessary but this is the TextInput comp:

<View style={styles.inputContainer}>
    <TextInput
    style={styles.input}
    onChangeText={(text) => this.setState({input: text.toLowerCase()})}
    value={this.state.input}
    />
    <TouchableHighlight style={styles.sendButton} onPress={()=> this.handleSubmit()}>
      <View>
        <Icon name="send" color="#fff" size={30}/>
      </View>
      </TouchableHighlight>
  </View>

So, if you guys have any clue that you think it will be helpful, I'm listening with four ears :) Thanks in advance! Sorry for late edit :(