在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ 初始display設為none,后來移除,樣式顯示有問題

初始display設為none,后來移除,樣式顯示有問題

登錄輸入框左邊距正常注冊輸入框左邊距出問題了
如圖所示,有兩個按鈕登錄和注冊,初始狀態(tài)登錄模塊顯示,注冊模塊隱藏,登錄模塊與注冊模塊里的輸入框用的一樣的樣式,但把注冊模塊顯示時,樣式就有問題。目測是display為none時paddingLeft沒有生效造成的。
代碼:

<View style={this.state.islogin ? null : styles.dn}>
    //登錄模塊
</View>
<View style={this.state.islogin ? styles.dn : null}>
    //注冊模塊
</View>

樣式:

input: {
    width:px2dp(320),
    height: px2dp(28),
    borderColor: '#b6bbca',
    borderBottomWidth: 1,
    flexDirection: 'row',
    paddingLeft:px2dp(39),
    paddingBottom:px2dp(6),
    paddingTop:0,
    marginTop:px2dp(25),
    fontSize:px2dp(15)
  },

回答
編輯回答
傲寒

問題已解決,通過

{
   this.state.islogin == true ? (
        <View>
            //登錄模塊
        <View>
    ) : (
        <View>
            //注冊模塊
        <View>
    )
}

這樣就不會出現(xiàn)樣式問題,感覺應該是rn的渲染機制自己不太了解造成的

2018年2月12日 04:07