Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应本机:替代外部组件的样式_Javascript_Node.js_Npm_Styles_React Native - Fatal编程技术网

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...
   }
});