反应本机键盘和触摸事件

Question

这里给出的任务是开始应用程序，闪烁的光标在屏幕中央和键盘隐藏，然后点击白色空间键盘上的任何地方应该如下所示：

我尝试了很多东西，但没有一个是在工作，所以有什么方法可以做到这一点吗？ 这是我已经提出的代码部分

 return ( 

  <ScrollView contentContainerStyle={styles.container}
  scrollEnabled={false}>

  <View 
  style={{
  position: 'absolute',
  right: 0, 
  left:0, 
  bottom: this.state.visibleHeight*1.5-this.state.height*0.5
  }}>

  <TextInput

  autoFocus={true}          
  {...this.props}
  multiline={true}

  style={[styles.input, {height: Math.max(35, this.state.height)}]}

  onChange={(event) => {
      this.setState({
        text: event.nativeEvent.text,
        height: event.nativeEvent.contentSize.height,
      });
    }}

  onChangeText={(text) => {
        this.setState({text});
      }}>

      <Text style={styles.input}>{parts}</Text>
    </TextInput>  
      </View>

       <View style={{position: 'absolute',                        
                    right: 20, 
                    bottom: this.state.countHeight+10
                   }}>
         <Text style={{color: limiterColor}}>{limiter}</Text>
      </View>

  </ScrollView>

);

https://rnplay.org/apps/sSKINg

链接到完整的应用