flutter - 如何在 Flutter 中制作 Facebook 邮箱？

Question

我想在 Flutter 中制作一个这样的 Facebook 邮箱。按下时，它将转到另一个页面。我怎样才能做到？

标签： flutteruser-interfaceflutter-layout

Answer 1

用边框更新

 GestureDetector(
            onTap: () {
              print("Nav to page");
            },
            child: Container(
              height: 50,
              width: 300,
              alignment: Alignment.centerLeft,
              padding: EdgeInsets.only(left: 12),
              decoration: BoxDecoration(
                color: Colors.black,
                borderRadius: BorderRadius.circular(34),
                border: Border.all(
                  color: Colors.grey,
                  width: 1.5,
                ),
              ),
              child: Text(
                "what's on your mind ?",
                style: TextStyle(
                  color: Colors.white,
                ),
              ),
            ),
          ),