flutter 类似Android 中RelativeLayout在末尾居中

hudawei996

已于 2024-08-31 01:26:56 修改

阅读量474

点赞数 1

文章标签： flutter android

于 2024-08-31 01:25:54 首次发布

本文链接：https://blog.csdn.net/Goals1989/article/details/141730421

版权

1，Android RelativeLayout中写法：

 <RelativeLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent">

       <Button
           android:id="@+id/myButton"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="点击我"
           android:layout_centerVertical="true"  <!-- 垂直居中 -->
           android:layout_alignParentEnd="true"  <!-- 末尾对齐 -->
            />  

   </RelativeLayout>

2，flutter中末尾，垂直居中

Stack(
    children:[
         Container1(
            ....
         ),
         Container2(
            ....
         ),

         ....,
         
         Positioned(
                  right: 22.w,//尾部对齐，需要设置一个数，或者为0也行，设置了才会往那边靠
                  top: 0,
                  bottom: 0,//上下间距都要写，不然默认对其上边
                  child: Align(
                    alignment: Alignment.center,
                    child: widget.needShowState &&
                            (answerState != AnswerState.unanswered)
                        ? Image.asset(
                            width: 36.w,
                            height: 36.h,
                            'assets/images/chinese/age_level/feilian/${getStr()}.png',
                            fit: BoxFit.cover,
                          )
                        : Container(),
                  )),
    ]
 )

两种语言的差异还是挺大的，使用不久是会发现有点别扭，慢慢会习惯和了解的。