【问题标题】:flutter : can't set Border Radius for container and on Tap not work in flutter颤振:无法为容器设置边框半径,并且在点击时无法在颤振中工作
【发布时间】:2021-08-23 10:48:51
【问题描述】:

我在 flutter 中遇到了关于 Container 的边界半径的问题。 我不能为容器设置它

我想创建类似这样的图像:

和其他关于 onTap() 的问题。 ontap 不工作,我不知道为什么。

这是我的代码的一部分:

InkWell(
                  borderRadius: BorderRadius.all(Radius.circular(5.0)),
                  child: Container(
                    padding: const EdgeInsets.all(10),
                    child: const Text("فلسفه",
                        style: TextStyle(
                          color: Color(0xFF201F1E),
                        ),
                        textAlign: TextAlign.center),
                    color: greyColor,
                  ),
                  onTap: () {
                    print("something");
                   
                  },
                ),

谁能帮帮我?

【问题讨论】:

    标签: flutter dart containers click flutter-layout


    【解决方案1】:

    请试试这个

    InkWell(
              child: Container(
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(5),
                  color: Colors.grey,
                ),
                padding: const EdgeInsets.all(10),
                child: const Text("فلسفه",
                    style: TextStyle(
                      color: Color(0xFF201F1E),
                    ),
                    textAlign: TextAlign.center),
    
              ),
              onTap: () {
                print("something");
    
              },
            )
    

    输出:

    【讨论】:

    • onTap 在我的模拟器上工作。你得到的回应呢?
    • 当我点击项目时,我什么也得不到
    【解决方案2】:

    在您的 inkWell 中删除此代码

    borderRadius: BorderRadius.all(Radius.circular(5.0)),
    

    把它放在你的容器里

    decoration: BoxDecoration(
       borderRadius: BorderRadius.circular(10.0),
    ),
    

    这将解决您的 BorderRadius 问题

    测试一下,我认为这也可以解决 onTap 问题

    【讨论】:

    • 当我把它放在容器 T 中时,我在模拟器中遇到错误
    • @faezehajimohammadhoseini 你的错误是什么?
    • 哦,我明白了,如果你定义了装饰和盒子装饰,你应该在盒子装饰内定义颜色
    猜你喜欢
    • 1970-01-01
    • 2021-11-07
    • 2021-10-01
    • 1970-01-01
    • 2019-08-29
    • 1970-01-01
    • 1970-01-01
    • 2021-06-02
    • 1970-01-01
    相关资源
    最近更新 更多