RN--TextInput組件

輸入框組件的主要屬性如下:

  • autoCapitalize : 枚舉類型,可選值有none,sentences,words,characters.當用戶輸入時,用于提示。
  • placeholder:占位符,在輸入前顯示的文本內(nèi)容。
  • value : 文本輸入框的默認值。
  • placeholderTextColor: 占位符文本顏色。
  • password : 如果為ture , 則是密碼輸入框,文本顯示為***。
  • multiline : 如果為true , 則是多行輸入。
  • editable : 如果為false , 文本框不可輸入。其默認值事true。
  • autoFocus : 如果為true, 將自動聚焦。
  • clearButtonMode : 枚舉類型,可選值有never,while-enditing , unless-editing,always.用于顯示清除按鈕。
  • maxLength : 能夠輸入的最長字符數(shù)。
  • enablesReturnKeyAutomatically : 如果值為true,表示沒有文本時鍵盤是不能有返回鍵的。其默認值為false。
  • returnKeyType : 枚舉類型,可選值有-default,go,google,join,next,route,search,send,yahoo,done,emergency-call。表示軟鍵盤返回鍵顯示的字符串。
  • onChangeText : 當文本輸入框的內(nèi)容發(fā)生變化時,調(diào)用該函數(shù)。onChangeText接收一個文本的參數(shù)對象。
  • onChange : 當文本變化時,調(diào)用該函數(shù)。
  • onEndEditing : 當結(jié)束編輯時,調(diào)用該函數(shù)。
  • onBlur : 失去焦點出發(fā)事件。
  • onFocus : 獲得焦點出發(fā)事件。
  • onSubmitEditing : 當結(jié)束編輯后,點擊鍵盤的提交按鈕出發(fā)該事件。

JS字符串也有methods(方法)

"hello".length; // 5
"hello".charAt(0); // "h"
"hello, world".replace("hello", "goodbye"); // "goodbye, world"
"hello".toUpperCase(); // "HELLO"

JS變量:在 JavaScript 中聲明一個新變量的方法是使用關(guān)鍵字let、const和var

  • let
    let 語句聲明一個塊級作用域的本地變量,并且可選的將其初始化為一個值;
    let可能意味著一個值,或者一個變量可以賦值,但不能被更改;
    在javascript 中 let只創(chuàng)建塊范圍局部變量;
    與var關(guān)鍵字不同的是,它聲明的變量只能是全局或者整個函數(shù)塊的。
function varTest() {
  var x = 1;
  if (true) {
    var x = 2;  // 同樣的變量!
    console.log(x);  // 2
  }
  console.log(x);  // 2
}

function letTest() {
  let x = 1;
  if (true) {
    let x = 2;  // 不同的變量
    console.log(x);  // 2
  }
  console.log(x);  // 1
}
  • const:允許聲明一個不可變的常量。這個常量在定義域內(nèi)總是可見的。與var變量不同,全局常量不會變?yōu)榇翱趯ο蟮膶傩?。需要一個常數(shù)的初始化器;也就是說,您必須在聲明的同一語句中指定它的值(這是有道理的,因為以后不能更改)。
    注意: 常量在聲明的時候可以使用大小寫,但通常情況下全部用大寫字母。
// 定義常量MY_FAV并賦值7
const MY_FAV = 7;

// 報錯,要有變量聲明關(guān)鍵字
MY_FAV = 20;

// 輸出 7
console.log("my favorite number is: " + MY_FAV);

// 嘗試重新聲明會報錯 
const MY_FAV = 20;

//  MY_FAV 保留給上面的常量,這個操作會失敗
var MY_FAV = 20; 

// 也會報錯
let MY_FAV = 20;
// 注意塊范圍的性質(zhì)很重要
if (MY_FAV === 7) { 
    // 沒問題,并且創(chuàng)建了一個塊作用域變量 MY_FAV
    // (works equally well with let to declare a block scoped non const variable)
    let MY_FAV = 20;

    // MY_FAV 現(xiàn)在為 20
    console.log('my favorite number is ' + MY_FAV);

    // 這被提升到全局上下文并引發(fā)錯誤
    var MY_FAV = 20;
}

// MY_FAV 依舊為7
console.log("my favorite number is " + MY_FAV);
// 常量要求一個初始值
const FOO; // SyntaxError: missing = in const declaration
const FOO = 1;
// 常量可以定義成對象
const MY_OBJECT = {"key": "value"};

// 重寫對象和上面一樣會失敗
MY_OBJECT = {"OTHER_KEY": "value"};

// 對象屬性并不在保護的范圍內(nèi),下面這個聲明會成功執(zhí)行
MY_OBJECT.key = "otherValue";
// 也可以用來定義數(shù)組
const MY_ARRAY = [];

// 可以向數(shù)組填充數(shù)據(jù)
MY_ARRAY.push('A'); // ["A"]

// 但是,將一個新數(shù)組賦給變量會引發(fā)錯誤
MY_ARRAY = ['B']
  • var:變量聲明,無論發(fā)生在何處,都在執(zhí)行任何代碼之前進行處理。用var聲明的變量的作用域是它當前的執(zhí)行上下文,它可以是嵌套的函數(shù),也可以是聲明在任何函數(shù)外的變量。
//變量提升

bla = 2
var bla;
// ...

// 可以理解為:

var bla;
bla = 2;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學習記錄文檔,今天18年5月份再次想寫文章,發(fā)現(xiàn)簡書還為我保存起的...
    Jenaral閱讀 3,143評論 2 9
  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,559評論 0 13
  • 午休后,大寶在房間里玩魔方。 我坐在旁邊,問:“下午有什么計劃?" 一分鐘沉默! ...
    滿愛前行閱讀 206評論 0 0
  • 完成情況: 線上拆書課? 總舵21天訓練營教練? 挑戰(zhàn)任務(wù)8個便簽? 好的地方: 1、成功邁出了第一步,果然不逼一...
    Sonya雅恕閱讀 211評論 0 0
  • 文/七七丫頭 2018年3月24日 星期六 晴 林夏跑來跟我說,她跟齊軒分手了的時候,看著她抱著我哭的一塌糊涂的樣...
    七七丫頭1閱讀 465評論 0 0

友情鏈接更多精彩內(nèi)容