Flutter-尝试SingleChildScrollView一个Positioned()小部件

时间:2020-03-26 11:42:20

标签: flutter dart scrollable singlechildscrollview

下午好,

有没有一种方法可以让Stacked中的Positioned具有SingleChildscrollView的父级,从而使其可滚动? 但是仅此定位,而不是代码中的上方? 我确定错误是“排名最高”:375.0不允许其滚动。可能有解决方法吗?

请帮助我!

    return Scaffold(
      key: scaffoldKey,
      drawer: AppDrawer(),
      body: Container(
        height: 2000,
        width: screenSize.width,
        child: Stack(
          // overflow: Overflow.visible,
          children: <Widget>[
            Image.asset(
              "$img",
              height: 450.0,
              width: 375.0,
              fit: BoxFit.cover,
            ),
            Positioned(
              top: 50.0,
              left: 10.0,
              child: GestureDetector(
                onTap: () {
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) {
                        return Overview();
                      },
                    ),
                  );
                },
                child: Icon(
                  Icons.arrow_back_ios,
                  color: Colors.white,
                  size: 30.0,
                ),
              ),
            ),
            Positioned(
              top: 50.0,
              right: 10.0,
              child: GestureDetector(
                  onTap: () => scaffoldKey.currentState.openDrawer(),
                  child: Icon(
                    Icons.menu,
                    color: Colors.white,
                    size: 30.0,
                  )),
            ),
            Positioned(
              top: 375.0,
              child: SingleChildScrollView(
                child: Container(
                  height: 1000,
                  width: screenSize.width,
                  decoration: BoxDecoration(
                    color: Color.fromRGBO(216, 216, 216, 1),
                    borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(30.0),
                      topRight: Radius.circular(30.0),
                    ),
                  ),
                  child: Padding(
                    padding: const EdgeInsets.all(25.0),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Text(
                          titleTop,
                          style: TextStyle(
                            color: Colors.black,
                            fontSize: 26.0,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        SizedBox(
                          height: 40.0,
                        ),
                        Text(
                          'Description',
                          style: TextStyle(
                            fontSize: 18.0,
                            fontWeight: FontWeight.w500,
                            color: Color.fromRGBO(50, 54, 67, 1),
                          ),
                        ),
                        SizedBox(
                          height: 20.0,
                        ),
                        Text(
                          textDes,
                          style: TextStyle(
                            fontSize: 16.0,
                            color: Color.fromRGBO(117, 117, 117, 1),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

0 个答案:

没有答案