Javascript 反应本机:替代外部组件的样式
我从Javascript 反应本机:替代外部组件的样式,javascript,node.js,npm,styles,react-native,Javascript,Node.js,Npm,Styles,React Native,我从npm下载了一个组件,它工作得很好,但是我想知道是否有方法覆盖这个组件的默认样式?就像我在使用CSS时可以覆盖样式一样 样式当前在位于node\u modules/react native floating label text input中的组件的index.js文件中定义 我想这样做: 其中style.textbox包含组件的所有新样式。我以这个组件为例,但这可能适用于来自npm的任何组件 谢谢。许多react本机组件都是为接收样式道具而构建的,这些道具反过来用于将默认样式覆盖到相应的
npm
下载了一个组件,它工作得很好,但是我想知道是否有方法覆盖这个组件的默认样式?就像我在使用CSS时可以覆盖样式一样
样式当前在位于node\u modules/react native floating label text input
中的组件的index.js
文件中定义
我想这样做:
其中style.textbox
包含组件的所有新样式。我以这个组件为例,但这可能适用于来自npm
的任何组件
谢谢。许多react本机组件都是为接收样式道具而构建的,这些道具反过来用于将默认样式覆盖到相应的内部组件。如果这些没有记录,您可以尝试检查模块的源代码,看看它是否收到任何这样的道具(不一定要称为
风格
)
我回顾了这个特殊模块,遗憾的是,除了selectionColor
之外,它似乎没有收到任何造型道具,可以在输入聚焦时更改标签的颜色
为了反驳您的示例,我将提到,它支持分别覆盖默认标签、文本输入和容器样式的labelStyle
、inputStyle
和style
道具
如果组件不支持任何样式属性,则没有一种真正的方法覆盖其样式,因为您发送的任何其他道具都将被忽略
编辑-我刚刚意识到这个问题已经有一年多的历史了,但我想也许有人会发现它很有用,因为它仍然在谷歌上流行
const styles = StyleSheet.create({
textbox: {
container: {
height: 30,
backgroundColor: 'red'
}, etc...
}
});