react-native-material TextInput

im using react-native-material as my ui framwork for my application, but while using the Component i added a label , it worked jst fine but when i enter the text and click out of the textinput box the label appear in front of the text that i entred, and i didnt find how to solve that. so i need help in that please . the image of the problem `

<ScrollView>
        <AppHeader />
        <SafeAreaView style={styles.container}>
          <TextInput
            variant="outlined"
            style={{margin: 16}}
            placeholder="Enter Your Text Here"
            label="Input"
            onChangeText={val => {
              this.setState({textvalue: val});
              this.setState({isHidden: false});
            }}
          />
          <Picker
            selectedValue={this.state.size}
            onValueChange={size => this.setState({size: size})}>
            <Picker.Item label="100" value={100} />
            <Picker.Item label="200" value={200} />
            <Picker.Item label="300" value={300} />
            <Picker.Item label="400" value={400} />
            <Picker.Item label="500" value={500} />
            <Picker.Item label="600" value={600} />
          </Picker>
          <Button
            title="Submmit"
            style={styles.button}
            onPress={() => this.setState({isHidden: true})}
          />

`