RN版本UITextFeild的使用

最新推荐文章于 2024-08-09 07:30:10 发布

perfect_app

最新推荐文章于 2024-08-09 07:30:10 发布

阅读量259

点赞数

分类专栏： React Native

本文链接：https://blog.csdn.net/perfect_app/article/details/73480900

版权

React Native 专栏收录该内容

12 篇文章

订阅专栏

export default class TSUITextField extends Component {
  render() {
    return (
      <View style={styles.container}>
      <TextInput style={styles.inputStyle}
        keyboardType={'number-pad'} 
        placeholder={'我是占位符'}
        clearButtonMode={'always'}
      />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F5FCFF',
  },
  inputStyle :{
    marginTop:30,
    width:300,
    height:60,
    borderWidth:2,
    borderRadius:10,
    borderColor:'orange'
  }
});