收藏
回答

BUG:View flex-direction布局属性对Text组件不起作用

问题模块
API和组件

发现View 容器的flex-direction属性对容器内部是Text的组件不起作用,模拟器和真机上都是如此,发现如下现象:1、将Text换成RichText后模拟器不起作用,但真机下可以 2、将内部组件Text也全部换成容器View 模拟器和真机下都可以。

代码如下

.wxml

<view class="container1">

 <view class="subcontainer1">

 <view class="item1">

<view class="item11"><text>纬度</text> <text>30.234</text></view>

 </view>


<view class="item1">

<view class="item11"><text>经度</text> <text>103.034</text></view>

 </view>


 <view class="item1">

 <view class="item11"><text>速度</text> <text>60km</text></view>

 </view>



</view>

  <view class="subcontainer1">

 


<view class="item1">

<view class="item11"><text>方向</text> <text>230</text></view>

 </view>


 <view class="item1">

<view class="item11"><text>GPS时间</text> <text>2017-07-17 10:34:23</text></view>

 </view>


 <view class="item1">

<view class="item11"><text>状态时间</text> <text>2017-07-17 10:24:23</text></view>

 </view>

 </view>

</view>

.wxss

.container1{

    height: 100%;

    width:100%;

    background-color:beige;

    display:flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: center;

}


.subcontainer1{

    height: 50%;

    width:100%;

    background-color:beige;

    display:flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: center;

}

.item1{

    height:100rpx;

    width:300rpx;

    background-color:cyan;

    border: 1px solid #fff;

  

}

.item11{

   flex-direction: column;

}

实际效果


希望达到效果


最后一次编辑于  2017-07-17  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答