如何在 flutter 中独立于其他小部件定位小部件？

如何解决如何在 flutter 中独立于其他小部件定位小部件？

我试图使用 Column 在单页中包含 3 个小部件，但由于某种原因对齐不起作用...

@override
  Widget build(BuildContext context) {

    return Container(
      height: double.infinity,child: SwipeDetector(
        onSwipeUp: () {
          Navigator.push(
            context,MaterialPageRoute(builder: (context) => CreditScreen()));
        },onSwipeDown: () {
          Navigator.push(
            context,MaterialPageRoute(builder: (context) => ManualScreen()));
        },child: Scaffold(
          backgroundColor: DarkBlue,resizetoAvoidBottomInset: false,body: new Container(
            height: double.infinity,alignment: Alignment.center,child: Column(
              //mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
                new Align(
                  alignment: Alignment.topCenter,child: Image.asset('assets/swipe_down.gif',scale: 5,),new Align(
                  alignment: Alignment.center,child: Text("Menu Screen",style: TextStyle(
                      color: Colors.white,fontSize: 30.0,fontWeight: FontWeight.bold,//textAlign: TextAlign.center,new Align(
                  alignment: Alignment.bottomCenter,child: Image.asset('assets/swipe_up.gif',],);
  }
}

根据上图，我希望在底部向上滑动小部件并在顶部向下滑动，而文本在中心，我尝试了许多小部件包装，但似乎没有任何效果...... 任何帮助...

解决方法

试试这个：

Column(
              //mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
                Image.asset('assets/swipe_down.gif',scale: 5,),Expanded(
                  child: Text("Menu Screen",style: TextStyle(
                      color: Colors.white,fontSize: 30.0,fontWeight: FontWeight.bold,//textAlign: TextAlign.center,Image.asset('assets/swipe_up.gif',],

,

您可以使用 Center 小部件将小部件居中对齐，并使用填充小部件在小部件之间留出空间。

 Scaffold(
      backgroundColor: Colors.black,resizeToAvoidBottomInset: false,body: new Container(
        height: double.infinity,alignment: Alignment.center,child:
        Center(
           child: Column(
                   children: <Widget>[
                           Padding(
                              padding: EdgeInsets.only(top:30),child: Image.asset('assets/swipe_down.gif'),Padding(
              padding: EdgeInsets.only(top:80),child: 
                   Text("Menu Screen",style: TextStyle(
                          color: Colors.white,fontWeight: FontWeight.bold 
                      ),Padding(
          padding: EdgeInsets.only(top:80),child: Image.asset('assets/swipe_up.gif'),