TextField中占位符样式的问题

时间:2019-06-18 16:53:42

标签: javascript reactjs react-native styles placeholder

我在TextInput中占位符的样式存在问题。我想要其他默认字体。在下面,我粘贴了部分代码。感谢您的帮助和您的时间:)

我尝试添加属性placeholderStyle = {{fontFamily:“ italic”,borderColor:'blue',paddingLeft:200}}

<Animated.View style={{paddingTop: 300, opacity: this.state.inputsOpacity, width: '90%', position: "absolute"}}>
                <TextInput
                    placeholderStyle={{ fontFamily: "italic", borderColor: 'blue', paddingLeft: 200 }} 
                    placeholder="Enter your email!"
                    style={{
                    borderBottomWidth: 2,
                    borderBottomColor: "black",
                    textAlignVertical: "center",
                    paddingLeft: 10,
                    height: 50
                }}></TextInput>
            </Animated.View>

1 个答案:

答案 0 :(得分:0)

当Textfield为空时显示占位符。因此,您可以检查TextField值的状态,然后相应地设置占位符的样式。 This链接具有更多详细信息