React native 对于react native Web，自定义react native纸张的文本输入标签

我正在使用React原生Web和带有样式化组件的React原生纸库。基本上，我想定制TextInput内部组件：标签和html输入

问题是：

1） 如何更改标签样式？例如宽度\大小\颜色等？
2） 如何更改html输入样式

我想设置

大纲：无

，以防止在使用浏览器时焦点上显示蓝色边框。 我知道，在本机的情况下，我们没有

html

，本机web会将其传输

我不明白如何捕捉嵌套标签组件来更改其样式。因为我想在非填充时显示灰色标签，填充时显示紫色标签，输入文本应为黑色。 对于web来说，这很简单，但是对于native来说，我不知道如何处理它

那有可能吗

谢谢你的帮助。下面是代码示例

import React from 'react';

import {
  View,
  Platform,
} from 'react-native';

import {
  TextInput as NativePaperInput,
  withTheme,
} from 'react-native-paper';

import styled from 'styled-components/native';

const NativePaperInputThemed = withTheme(NativePaperInput);

export const TextInputStyled = styled(NativePaperInputThemed)`
    ${(props: any) => {
      return `
        outline: none;  // doesn't work
        input: { outline: none; } // doesn't work
        & input: { outline: none; } // doesn't work
        // Label change style ? 
        color: ${props.theme.theme10x.palette.typography.placeholder}; // doesn't work


        border-color: '#f92a2a8a'; // doesn't work
        height: 52px;
      `;
    }
  }
`;

---

注意：基本上，颜色和字体系列都不起作用，有人试图手动更改标签样式，维护人员回答：

您可以通过样式道具传递fontSize。然而，这将对双方都产生影响 标签和输入文本。没有办法只改变其中一个

---

谢谢@Maycon的评论。本地html输入也一样吗？另外，我正在尝试设置字体系列，但它不起作用。连颜色都不行。它告诉：`Failed prop type:Invalid`props.style键

color

提供给

View

。坏对象：{“color”：“#6B767A”，“borderColor”：“#f92a2a8a”}`@Velidan在web上我想是这样的：”，但你可以尝试通过CSS硬编码标签，将文本输入嵌套在视图中。我的解决方案是创建我自己的带有标签（完整样式）的TextInput组件。您可以基于以下内容创建：谢谢@Maycon。我一定会查这个回购协议。