首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >颤动:带安全区域的全底部按钮

颤动:带安全区域的全底部按钮
EN

Stack Overflow用户
提问于 2020-10-22 01:08:16
回答 1查看 204关注 0票数 1

我遇到了这个问题:当我在iPhone 11上使用安全区域时,我发现唯一的办法是按钮的背景是全高的,但现在按钮被按下了一部分。请告诉我如何使整个蓝色区域按下按钮。感谢你们所有人的回答。我添加了一个屏幕截图和一段代码,因为它现在实现了。

代码语言:javascript
运行
复制
      Container(
        color: Colors.blue,
        child: SafeArea(
          left: false,
          right: false,
          child: Expanded(
            flex: 1,
            child: SizedBox(
              width: double.infinity,
              child: RaisedButton(
                elevation: 0,
                onPressed: () {},
                child: Text("Add", style: TextStyle(color: Colors.white)),
                color: Colors.blue,
              ),
            ),
          ),
        ),
      ),
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-22 01:27:27

您可以通过更改此Container的颜色进行检查。

代码语言:javascript
运行
复制
   Container(
    color: Colors.red,

或者,您可以通过inspector使用Debug Paint。然后你就会意识到有些区域不在按钮中。这就是onTap不工作的原因。

在此之后,您可以轻松地使用InkWell包装您的所有容器。

代码语言:javascript
运行
复制
  InkWell(
      onTap: () {
       // Here is your onTap function
      },
      Container(
        color: Colors.red,
        child: SafeArea(
          left: false,
          right: false,
          child: Expanded(
            flex: 1,
            child: SizedBox(
              width: double.infinity,
              // In fact, you don't need a button anymore.
              child: RaisedButton(
                elevation: 0,
                onPressed: () {},
                child: Text("Add", style: TextStyle(color: Colors.white)),
                color: Colors.blue,
          ),
        ),
       ),
      ),
     ),
    ), 
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64468450

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档