1,TextInput组件介绍

TextInput
组件除了当输入框实现核心的输入功能外,它还提供了广大别样功能,比如自动校验、占位符以及指定弹出不同之键盘类型等。

1

2,组件的性质

(1)autoCapitalize:首字母自动大写。可选值有:none、sentences、words、characters。

(2)placeholder:占位符,在输入前展示的公文内容。

(3)value:文本输入框的默认值。

(4)placeholderTextColor:占位符文本的颜色。

(5)password:如果也
true,表示密码输入框。文本显示为“*”

(6)multiline:如果也
true,表示多履行输入。

(7)editable:默认为
true。如果设置为 false
表示不可编辑。

(8)autoFocus:如果为
true,则自动取关节。

(9)clearButtonMode:表示什么时会显清除按钮。可选值有:never、while-editing、unless-editing、always。

(10)maxLength:能够输入的无限丰富字符数。

(11)enablesReturnKeyAutomatically:默认为
false。设置为 true
表示尚未输入文本时回来回键无法利用。

(12)returnKeyType:表示软键盘返回键显示的字符串。可选值为:default、go、google、join、next、route、search、send、yahoo、done、emergency-call。

(13)secureTextEntry:默认为 false。如果为 true,则像密码框一样隐藏输入内容。

“杨小米,你欢笑起来简单只梨涡,太精彩了,但不怕是身高有点低。”

3,组件的法

(1)onChange:当文本发生变化时,调用该函数。

(2)onEndEditing:当了编辑时,调用该函数。

(3)onBlur:失去焦点时接触。

(4)onFocus:获得焦点时接触。

(5)onSubmitEditing:当了编辑后,点击键盘的交付按钮触发该事件。

“你文章写得科学,逻辑很清晰,也产生那么些干货,但是文采太平淡。”

4,使用样例

(1)效果图

  • 页面上上加一个 TextInput
    用于输入文字,并安装相关的占位符文字以及体制。
  • 当输入框文字改变时,下方 Text
    组件会实时统计并出示输入的字长度。
  • 点击输入框右侧“搜索”按钮,则以输入框内容弹出显示。

 
 统计 1 
 统计 2 
 统计 3

(2)样例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TextInput,
} from 'react-native';
 
//输入框组件
class Search extends Component {
  //构造函数
  constructor(props) {
    super(props);
    this.state = {text: ''};
  }
 
  //组件渲染
  render() {
    return (
      <View style={styles.flex}>
          <View style={[styles.flexDirection, styles.inputHeight]}>
            <View style={styles.flex}>
              <TextInput
                style={styles.input}
                returnKeyType="search"
                placeholder="请输入关键字"
                onChangeText={(text) => this.setState({text})}/>
            </View>
            <View style={styles.btn}>
              <Text style={styles.search} onPress={this.search.bind(this)}>搜索</Text>
            </View>
          </View>
          <Text style={styles.tip}>已输入{this.state.text.length}个文字</Text>
      </View>
    );
  }
 
  //搜索按钮点击
  search(){
    alert("您输入的内容为:"+this.state.text);
  }
}
 
//默认应用的容器组件
class App extends Component {
   render() {
      return (
        <View style={[styles.flex, styles.topStatus]}>
         <Search></Search>
        </View>
      );
   }
 }
 
//样式定义
const styles = StyleSheet.create({
  flex:{
    flex: 1,
  },
  flexDirection:{
    flexDirection:'row'
  },
  topStatus:{
    marginTop:25,
  },
  inputHeight:{
    height:45,
  },
  input:{
    height:45,
    borderWidth:1,
    marginLeft: 5,
    paddingLeft:5,
    borderColor: '#ccc',
    borderRadius: 4
  },
  btn:{
    width:55,
    marginLeft:-5,
    marginRight:5,
    backgroundColor:'#23BEFF',
    height:45,
    justifyContent:'center',
    alignItems: 'center'
  },
  search:{
    color:'#fff',
    fontSize:15,
    fontWeight:'bold'
  },
  tip:{
    marginLeft: 5,
    marginTop: 5,
    color: '#C0C0C0',
  }
});
 
AppRegistry.registerComponent('HelloWorld', () => App);

初稿出自:www.hangge.com  转载请保留原文链接:http://www.hangge.com/blog/cache/detail_1526.html

“我清楚你很好,但自身偏偏将您当妹妹。”

“你大好,但是自本着君莫爱情的痛感。”

“我可怜怀念跟而当同步,但是自爸妈不允,我不得不和公分手。”

“现在之劳作,老板很为难来,工资无高,也学不至物,我思念换一份工作,但是我怕有风险,做不好。”

……

今日逢别人赞扬自己,有时候,我死去活来无自在,就怕她的继半词。

万一单独是前半句,这个世界该多美好。

原先,我发啊更特别喜欢和别人分享,现在我会耐心听了,看看有没有来“但是”。

若有,我便好闭嘴了。

“但是”这转折说了东西之另外一样冲,只是被人好负面的授意,把食指之注意力吸引到后半句。

“但是”最好来魔力了,任何业务,加上了“但是”立马便变得不等同了。

2

刘坤,是自身同标准的学弟,目前读大二,最近朝自身请教了几乎独问题。比如毕业后工作要读研?在稍城市,信息闭塞,得无至闯,应该怎么处置?

这些问题,我当初还赶上过。任准备找寻工作或者读研,大二都要将规范课学好,尤其重要的实验心理学、心理统计等。此外,多读书,同时参加课外活动,锻炼好的力量。”

“信息闭塞也从不涉及,现在互联网如此发达,有成百上千大网课程,可以上。还有,大学是修炼内功的时节,走向社会而见面发觉,那些所谓的更,可能工作同样年即获了。

我苦婆心地告诫他半天,他答自己:“学姐,我知您说之都对准,但是,我道现在与你们好时候不一致了,竞争再次热烈了。在我们这里不考研,还有呀出路呀?”

“那考研笔试及面试需要之力量,你现在虽准备起来。”

“学姐,我知现在内需美准备,但是,我操心考试不达到,怎么惩罚?”

我拿出了临近两个钟头之工夫以及他交流,但是最后发现并没呀卵用,他之所以强的“但是”逻辑,反驳了自拥有的提议。

当他再也于我留言统计,请教问题常常,我哪怕还为尚无转喽。

他于就上面颇坚持,我只能无奈的转了同一句:“没有那基本上之‘但是’,行动吧。”

3

“我好一个女生,但是,我害怕它拒绝。”

但是事情屡屡是如此,你敢于了,可能就以合了,不勇就是相同触及在齐的可能都无。只要去尝试,就会起机会,哪怕机会大渺茫。一想到可能成的光明结局,就值得去划一试行。

徐沪生在他的新书《总有若干路一旦独立走》中提到:“这世上的多数总人口且不够勇敢,无论是追求爱情,还是追求事业。他们怕让拒,怕丢人,只坐等一切的赶到。所以错过了同一不良而平等不良美好的物。”

俺们各级一个人口且产生雷同发向好的良心,想要优质努力,取得一定的成,得到确认与鞭策。而博早晚,身边的口闲言碎语,加上对团结的免自信,很多题目只是停留在惦记同一纪念,而不是行走。

自家先是卖工作的上面特别会鼓励人,客观来讲,她底力量并无是最好突出的,但领导力很强。比如同段时光内的功绩不好,大业主会受它们找问题。

其开会常见面讲:“我工作就几乎年,每年总会遇到一些低谷期,大家不要气馁。我清楚大家还充分不爱,很焦急,希望接下大家继续着力,早日过这个困难。同时,要增长自己管理,业绩不好的时候,更不要出错。”

它这些言辞,让咱大家充分适用,我时接触部分鼓舞士气的领导人员,前面长篇大论讲了累累,其实还休想放的,盖其必然生一个“但是”,要转正,而这些话会适得其反,让大家格外压抑。

4

于同丁交流或好准备要做一样项事情的早晚,应该下放弃下“但是”,改用“同时”

遵我们刻画天气的时,最初说:“今天的日光好好,但是风甚特别。”

之后说:“今天底日光好好,同时风煞要命。”

毕淑敏于《风无可知把太阳打败》同样平和被为涉:“尝试着用‘同时’代替‘但是’吧。时间累加了,你见面发现自己多矣种,因为心情得到保养和庇佑;你晤面发现自己拥有了超生和爱心,因为看沟坎的又为看出了天边的灯火……”

任何事物都发生三三两两只地方,选择新的品味,意味着新的火候,同时也是初的风险。

“但是”在人际关系中,会为您招人烦;在做业务的时刻,会吃你退行动之可能,只能用一个以一个“但是”安慰自己,直到最终变成一个坏低落和负能量的人数。

尚无丁乐于听你那么多“但是”,而是愿见见而也自己的美好愿望脚踏实地。

《奇葩说》第三季上周终结了,从第一季追到第三季,起初我十分欢喜马薇薇、范湉湉等人,而当时期来一个人,惊艳到自身,就是姜思达,他每一样可望都出坏出彩之变现。尤其对比前少希望,他进步极抢了,这样的提高,肯定是盖背后努力的交。

自我欲,我们每个人都可举行这样的食指,也许最初表现没有那好,但别用“但是”当借口,默默努力,到最后惊艳全场,活出好。

“但是”这个词本身没什么,却转达了异常明确的阴暗面情绪,让咱去奋斗的动力。

下一样破,你还会见因此“但是”当借口,招人烦、给协调无走查找理由、错过美好事物吗?