1. 程式人生 > >React-Native:(多行文字)ios端將鍵盤迴車改為確定鍵

React-Native:(多行文字)ios端將鍵盤迴車改為確定鍵

ios端<TextInput>設定為多行文字而調出鍵盤時,可能無法收回鍵盤(鍵盤上只有回車,沒有確定)

要解決這個問題需要設定兩個屬性

(安卓端鍵盤大多有收起鍵盤的按鈕,不存在這個問題)

TextInput

屬性(Style) 型別 值/備註
returnKeyType enum(列舉) ‘default’, ‘go’, ‘google’, ‘join’, ‘next’, ‘route’, ‘search’, ‘send’, ‘yahoo’, ‘done’(確定), ‘emergency-call’
blurOnSubmit bool 如果為true,文字框會在提交的時候失焦。預設值為true。

示例

<TextInput
    multiline={true}
    blurOnSubmit={true}
    returnKeyType ='done'
    label="備  注"
    placeholder="請輸入備註"
    style={styles.texts}
    underlineColorAndroid="transparent"
/>

其中underlineColorAndroid="transparent"是去除安卓輸入框的下劃線樣式(將其顏色設為透明)

相關推薦

React-Native:文字ios鍵盤車改確定

ios端<TextInput>設定為多行文字而調出鍵盤時,可能無法收回鍵盤(鍵盤上只有回車,沒有確定) 要解決這個問題需要設定兩個屬性 (安卓端鍵盤大多有收起鍵盤的按鈕,不存在這個問題)

文字顯示省略號單行文字+文字

1.單行文字(相容IE6以上、主流瀏覽器) 下面這三個一定要一起使用才能實現效果。另外要給盒子加寬度才能有超出部分。 white-space: nowrap; /*強制文字在一行內顯示,不換行*

DevExpress GridControl復合表頭表頭設置

img svi att -1 file columns -type sel 點擊 關於DevExpress.XtraGrid的復合表頭或多行表頭的示例,界面如下圖所示 1.首先要把DevExpress的GridControl轉換為BandedGridView 2.設置顯

DevExpress GridControl複合表頭表頭設定BandedGridView

轉自:http://blog.csdn.net/lqh4188/article/details/8447939 關於DevExpress.XtraGrid的複合表頭或多行表頭的示例,介面如下圖所示 1.首先要把DevExpress的GridControl轉換為B

collect_set、collect_list 、concat_ws 合併

collect_set去除重複元素;collect_list不去除重複元素 +------+-----------------------------------+------------------------------------+ |gender|co

Sublime text3 列編輯編輯

使用正則匹配達到多行編輯 快捷鍵:Ctrl + H 輸入^,然後Find All,查詢所有的行首 ,接下來批量首行修改 輸入$,然

iOS開發之UIlabel文字自動換 自動折

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

文字溢位處理省略號、單行

文字溢位處理 一、單行文字溢位處理 效果圖: html程式碼: <body> <div class="text">vukfjygfvhjvfgdtryutfvghdfkjgfdhgfhjgdfdgj</div> <div

CSS單行、文字溢位顯示省略號……解決方案

單行文字溢位顯示省略號(…) text-overflow:ellipsis-----部分瀏覽器還需要加寬度width屬性 .ellipsis{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; di

react native載入個jsbundleassets和其他目錄

在使用ReactInstanceManager.Builder構建一個ReactInstanceManager例項的時候只能傳入一個bundle,setBundleAssetName和setJSBundleFile分別對應從assets和從一個檔案路徑載入Bundle。有時需要將業務程式碼和通用

數碼相框 在LCD上顯示文字6

數碼相框 在LCD上顯示多行文字(6)   目的: 1、從左邊起顯示幾行文字 2、居中顯示幾行文字     在LCD上顯示下列兩行文字: 我是程式設計師gif Hello World     分析:

CSS實現單行、文字溢位顯示省略號

如果實現單行文字的溢位顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來,當然還需要加寬度width屬來相容部分瀏覽。 實現方法: overflow: hidden; text-overflow:ellipsis; white-spa

從零開始搭建Detox自動化測試框架測試React Native IOS/Andriod也許是全網最全的教程 持續更新中

構建APP並執行用例 構建APP 編譯 debug模式 detox build --configuration ios.sim.debug release模式 detox build --configuration ios.sim.release 5.2 執

vue環境下基於contenteditable實現高度自適應文字div模擬

1、在web應用中,常用的多行文字輸入<textarea>,滿足了我們絕大部分的需求,唯一不足之處就是文字高度不能隨內容自適應,如果需要高度自適應需要通過js指令碼實現 2、div有天然的高度自適應,在加上個contenteditable屬性,就可以變成一個文字內容自適應的多行文字輸

文字內容溢出顯示點點點...省略號

wid mov .text 谷歌 鄙視 分享 比較 1.3 con 1、常規css方法——使Firefox以外主流瀏覽器文字溢出省略號表示 下圖為此常用方法在各個瀏覽器下的表現: IE6瀏覽器下 IE7瀏覽器下 chrom

JavaGUI——swing元件基礎文字框元件JTextArea

為什麼要用多行文字框元件?文字框JTextField是單行輸入,而多行文字框(JTextArea)可以實現多行輸入。實戰目標圖:介面分析:看到上部佔了大部分空間,決定使用邊界佈局。下部的最下部很像邊界佈局的SOUTH部分,在這部分中有兩種元件,一種按鈕元件JButton,一種

文字Text.MultiLine問題

概述 機房收費系統中的充值窗體本身的難度不是很大,關鍵是有時候真的細心了嗎!今天我就有幸遇到了這樣的問題,並通過自己的努力把它發現並解決了。雖然很簡單,但是我還是分享給大家。 問題 今天敲機房的時候,在充值窗體程式碼都敲完了以後Text本文框能夠顯示內容,但是隻

Androidreact-native更改狀態列文字和圖示顏色

react-native中給的StatusBar元件中並不能更改Android的文字顏色,下面是通過Android原生進行更改的,但是並不適用於所有的Android手機。 1、初始化一個專案做測試。用Android Studio開啟專案的android部分。 在java檔案

React Native填坑之旅 -- 使用iOS原生檢視高德地圖

在開發React Native的App的時候,你會遇到很多情況是原生的檢視元件已經開發好了的。有的是系統的SDK提供的,有的是第三方試圖元件,總之你的APP可以直接使用的原生檢視是很多的。React Native提供了一套完善的機制,你可以非常簡單的用來包裝已有

GUI實踐 swing元件-----JSplitPane拆分窗格、JTextArea文字框元件、JTabbedPane選項卡視窗

JSplitPane(拆分窗格)/** * 功能:拆分窗格JSplitPane */ package com.gui; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swi