聚焦标签有阴影背景

【问题标题】：focused label has shadow background聚焦标签有阴影背景
【发布时间】：2023-01-26 23:19:27
【问题描述】：

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

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

【问题讨论】：

标签： react-native label background-color placeholder textinput

【解决方案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>

【讨论】：