反应本土的secureTextEntry输入如何改变大小和颜色

Question

所以我有一个像下面的密码输入：

<TextInput
   name="Password"
   type="password"
   mode="outline"
   secureTextEntry={true}
   style={styles.inputStyle}
   autoCapitalize="none"
   autoFocus={true}       
/> 

并具有适用于它这种风格：

inputStyle { 
   fontSize: 30,
   color: '#333',
   fontWeight: '900'
}

但似乎这些样式没有实际应用于输入。然而，一旦我删除了secureTextEntry={true}道具，它会实现的。所以我想造型密码芭蕾是样的区别，任何想法我怎么能实现呢？

Answer 1

所以对于颜色我用textColor支撑其工作正常，因为某些原因，当我们的风格传递fontSize的在没有真正覆盖到默认的，所以我做了什么来解决这个我定义了一个fontSize的道具：

export interface TextInputContainerProps {
    ... // Some other props
    fontSize?: number;
}

然后将它传递到TextInput组分：

<TextInput {...props} style={[...props.style, { fontSize }]}
    editable={editable} />