聚焦 label 有阴影背景

Question

我正在使用 react-native-floating-label-input package，如果我点击它，label 有背景颜色。 你能帮我如何删除它吗？ 我阅读了文档并向创作者发送了消息，但无济于事。

<View style={{ padding: 50, flex: 1, backgroundColor: '#fff' }}>
    <FloatingLabelInput
      label={'label'}
      value={cont}
      onChangeText={value => setCont(value)}
    />
</View>

我尝试为 labelStyle 添加 backgroudnColor，但正如您在第二张图片上看到的那样，问题出在文本后面的背景颜色上。

   label={'label'}
              value={cont}
              onChangeText={value => setCont(value)}
              labelStyles={{ backgroundColor: '#ad8b8b', padding: 12 }}

Answer 1

如果您在此处查看源代码和样式： https://github.com/Cnilton/react-native-floating-label-input/blob/master/src/index.tsx#L361

您会发现属性labelStyles已与全局样式合并。

尝试为labelStyles提供与您的输入相同的背景颜色值。

<View style={{ padding: 50, flex: 1, backgroundColor: '#fff' }}>
    <FloatingLabelInput
      label={'label'}
      value={cont}
      labelStyles={backgroundColor: '#fff'}
      onChangeText={value => setCont(value)}
    />
</View>