Question

有没有办法确保小部件位于android的快捷菜单下面。目前，我以一种肮脏的方式使用padding参数来执行此操作，希望有更好的解决方案。

    Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.only(top: 22.0),
      color: Color(0xff757575),
      child: Container(
        padding: EdgeInsets.all(20.0),
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(30.0),
            topRight: Radius.circular(30.0),
          ),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            buildHeader(),
            Padding(
              padding: const EdgeInsets.only(left: 40.0, right: 40.0),
              child: TextField(
//                cursorColor: Colors.red,
                maxLines: null,
                textAlign: TextAlign.left,
                autofocus: false,
                style: TextStyle(
                  fontSize: 20.0,
                ),
                decoration: InputDecoration(
                  hintText: "Add title",
                  border: InputBorder.none,
                ),
              ),
            ),
            Divider(
              color: Colors.black,
            ),
            SizedBox(
              height: 20.0,
            ),
            TimeAndDateCard(),
            EventEntryCard(
              label: 'Add Location',
              icon: Icon(Icons.place),
              onLongPress: () {
                showSearch(delegate: LocationSearch(), context: context);
              },
            ),
            EventEntryCard(
              icon: Icon(Icons.people),
              label: 'Invite people ',
            ),
            EventEntryCard(
              icon: Icon(Icons.attachment),
              label: 'Add attachment',
            ),
            EventEntryCard(
              icon: Icon(Icons.work),
              label: 'Status',
            ),
          ],
        ),
      ),
    );
  }
}

layout without padding

Wished layout. Container is underneath the statusbar

Answer 1

用Container将SafeArea包裹起来，它将为您带来魔力。

Widget build(BuildContext context) {
    return SafeArea(
      child: Container(),
   );
}

希望它能回答您的问题。

将小部件保持在状态栏下方

1 个答案: