所需文本字段的样式(react-native-material-textfield)

时间:2019-02-26 08:57:15

标签: react-native

如何设置自定义样式,以便用户可以看到该字段是必填字段。 我认为是红色的星星或标签文字不是灰色而是红色。 我该怎么做?

谢谢您的支持。 雷恩

2 个答案:

答案 0 :(得分:2)

请按以下说明使用它。

<TextField label={<><Text>Hello</Text> <Text style={{color:'red'}}>*</Text> </>}/>

答案 1 :(得分:0)

您不需要单独设置标签或文本字段的样式,可以使用react-native-material-textfield提供的Properties。我建议您使用以下属性,并在您的UI上实现任何看起来不错的方法。

label- put label to textfeild

title- put required as a title to textfeild

prefix- prefix your textfeild with required label

suffix- suffix your textfeild with required label

error- provide error proper error message when empty or as per you requirement 

errorColor- here you can put a red color to show that its a required feild

characterRestriction put character restrictions

labelTextStyle style the label

titleTextStyle style the title

或者您可以使用方法

focus()     Acquire focus 

blur()  Release focus

clear()     Clear text field

value()     Get current value   

isFocused()     Get current focus state     

isRestricted()  Get current restriction state 

由于您没有提供代码,所以我给了您一些基本步骤来简化文本字段。 希望对您有帮助,您很高兴!