<strike id="wuou0"></strike>

關于解決textInput的左圖像問題 react native

Pink 發布于2019-08-29 17:21 / 2540人閱讀

摘要：尷尬，哈哈哈，而且也看到只支持安卓。最后解決方法是用一個包裹著左圖像和一個輸入框，把輸入框的設置為透明色，然后效果圖的下劃線應該是有來繪制。下面貼一下源碼視圖代碼用戶名密碼樣式代碼

需要完成的登錄界面輸入框是這樣的

當時覺得應該是直接用textInput來寫，查看官方文檔，也有一個名為inlineImageLeft屬性，但是必須要把圖片放在指定文件下，（我沒有那個文件，手動添加，報錯。尷尬，哈哈哈）
，而且也看到只支持安卓。

最后解決方法是用一個wrap包裹著左圖像和一個輸入框，把輸入框的border設置為透明色，然后效果圖的下劃線應該是有wrap來繪制。

下面貼一下源碼：

//視圖代碼

    
    {dispatch({type: "LOGINUSER", userName:userName})}}
    />


    
    {dispatch({type: "LOGINPASS", password:password})}}/>


//樣式代碼
inputWrap:{
        flex:1,
        flexDirection:"row",
        alignItems:"center",
        width:245,
        height:50,
        backgroundColor:"transparent",
        borderColor:"rgba(171, 190, 215, 0.56)",
        borderBottomWidth: 1,
        marginBottom:25,
    },
    icon: {
        width: 16,
        height: 16,
        marginRight:10
    },
    textInput:{
        backgroundColor:"transparent",
        borderColor:"transparent",
        borderWidth: 1,
        width:200,
        height:50,
        fontSize:14,
        color:"#fff",
    },

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114274.html

React Native 中切換TextInput保持鍵盤展開

摘要：傳給回調函數的里，包含一個觸摸事件參數。官網的版文檔中，和組件中都有屬性，這個屬性接收一個回調函數，函數原型是，在組件和的組件的時候觸發該事件，傳給回調函數的里，參數，其中的屬性為該組件的。 1、問題問題場景：由于手機屏幕高度不定，做表單頁面時，外層通常加上ScrollView組件，使其能夠適應屏幕進行滾動。業務需要里面放置多個TextInput組件。問題描述：出現的問題是，首...

xiangzhihong 2019-08-22 10:43 評論0 收藏0
ReactNative開發筆記（持續更新...）

摘要：，已過期，請使用代替。解決方案安卓增加屬性并設置為官方解釋當圖片實際尺寸和容器樣式尺寸不一致時，決定以怎樣的策略來調整圖片的尺寸。本文均為RN開發過程中遇到的問題、坑點的分析及解決方案，各問題點之間無關聯，希望能幫助讀者少走彎路，持續更新中... （2019年3月29日更新）原文鏈接：http://www.kovli.com/2018/06/... 作者:Kovli - 如何在原生...

浠ラ箍 2019-08-23 14:33 評論0 收藏0
React系列 --- Jsx, 合成事件與Refs(二)

摘要：系列系列簡單模擬語法一系列合成事件與二系列算法實現分析三系列從到再到四系列與部分源碼解析五系列從使用了解的各種使用方案六的誕生他是的一種擴展語法。這個函數接受組件的實例或元素作為參數，以存儲它們并使它們能被其他地方訪問。 React系列 React系列 --- 簡單模擬語法(一)React系列 --- Jsx, 合成事件與Refs(二)React系列 --- virtualdom di...

LiuZh 2019-08-26 10:37 評論0 收藏0