相关疑难解决方法(0)

Flutter:Image BoxFit.cover 在 Stack 中不起作用

我想要两个图像在 gridview 中相互堆叠,并且都显示一个

图像女巫覆盖整个瓷砖。

但是当我添加 stackwidget 时,图像的行为就像没有

适合:BoxFit.cover

在其构建方法中。

我的 GridView 的构建方法:

@override
Widget build(BuildContext context) {
    if (widgetsList.length != 0) {
      return new GridView.count(
        primary: false,
        crossAxisCount: 2,
        children: widgetsList,
      );
    } else {
      return Container();
    }   
} 
Run Code Online (Sandbox Code Playgroud)

Gridtile(widgetsList 中的小部件):

@override
  Widget build(BuildContext context) {
    return new Stack(
      children: <Widget>[
        new CustomImage(compareTime: lastUpdatedPictureTime),
        new CustomImage(compareTime: lastUpdatedIconTime)
      ],
    );
  }
Run Code Online (Sandbox Code Playgroud)

我的 CustomImage 的构建方法:

@override
  Widget build(BuildContext context) {
    var img = imageBytes != null
        ? Image.memory(
            imageBytes,
            fit: BoxFit.cover,
          ) …
Run Code Online (Sandbox Code Playgroud)

android ios firebase flutter

9
推荐指数
1
解决办法
5035
查看次数

如何在颤动中在图像上叠加图标

我必须在图像的右下角显示一个最喜欢的图标。

Container(
   decoration: new BoxDecoration(color: Colors.white),
   alignment: Alignment.center,
   height: 240,
   child: Image.network(used_car.imageUrl,fit: BoxFit.fill) 
)
Run Code Online (Sandbox Code Playgroud)

我想Icon.favorite在这个图像容器的右下角显示一个图标。但找不到任何颤振属性来修复或显示它。

overlay flutter flutter-layout

8
推荐指数
3
解决办法
1万
查看次数

Flutter使网络图像采用全宽

我有这张卡,我想让任何图像占据卡的整个宽度,我尝试将宽度设置为 double.infinity 和 3000,但它不起作用。另外,我想在图像顶部写文字,我该怎么做?如果我这样做,会影响应用程序的性能吗?

 return Card(
            clipBehavior: Clip.antiAlias,
            elevation: 5,
            margin: EdgeInsets.fromLTRB(10, 20, 10, 24),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                new Expanded(
                  flex: 8,
                  child: new Container(
                    width: double.infinity,
                    child: ClipRRect(
                      borderRadius: BorderRadius.circular(4.0),
                      child: CachedNetworkImage(
                        fadeInDuration: Duration(milliseconds: 2000),
                        width: 3000,
                        imageUrl:
                            'https://images.alphacoders.com/560/thumb-350-560228.jpg',
                        placeholder: (context, url) =>
                            new CircularProgressIndicator(),
                      ),
                    ),
                  ),
                ),
                new Expanded(
                    flex: 2,
                    child: new Container(
                      child: MaterialButton(
                        minWidth: double.infinity,
                        color: Color(orange),
                        onPressed: () {},
                        child: Text(
                          'Read More',
                          style: TextStyle(color: Colors.white),
                        ),
                      ),
                      color: Colors.green, …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

4
推荐指数
1
解决办法
1820
查看次数

标签 统计

flutter ×3

flutter-layout ×2

android ×1

firebase ×1

ios ×1

overlay ×1