react-native - React Native TextInput 失去了对来自 useState 的调用钩子(Hook)的关注

Question

环境

react 原生:“0.61.5”，

“样式组件”:“4.4.1”

转载

小吃示例:https://snack.expo.io/BJSfYqlCS

import * as React from 'react';
import styled from 'styled-components'
import {View} from 'react-native'

export default () => {
  const [text, setText] = React.useState('');

  const StyledInput = styled.TextInput`
    background-color: red;
    border-color: black;
  `

  return (
    <View>
      <StyledInput value={text} onChangeText={text => setText(text)} />
    </View>
  );
}

重现步骤

在样式化的 TextInput 中输入一些东西

预期行为

只是简单的打字

实际行为

失去焦点

Answer 1

使样式失去功能

import * as React from 'react';
import styled from 'styled-components'
import {View} from 'react-native'

const StyledInput = styled.TextInput`
    background-color: red;
    border-color: black;
  `

export default () => {
  const [text, setText] = React.useState('');

  return (
    <View>
      <StyledInput value={text} onChangeText={text => setText(text)} />
    </View>
  );
}

查看 expo shack