成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

Pink / 2547人閱讀

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

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

當時覺得應該是直接用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",
    },

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

轉載請注明本文地址:http://systransis.cn/yun/114274.html

相關文章

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

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

    xiangzhihong 評論0 收藏0
  • ReactNative開發(fā)筆記(持續(xù)更新...)

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

    浠ラ箍 評論0 收藏0
  • React系列 --- Jsx, 合成事件與Refs(二)

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

    LiuZh 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<