Flutter中Image设置Alignment.bottomRight无法对齐到右下角如何解决

问题原因 #

Image组件的alignment属性仅控制图片内容在Image组件自身绘制区域内的对齐位置，你当前为Image固定了宽高均为15，Image的绘制区域刚好和图片尺寸完全一致，没有多余空间让内容产生位置偏移，因此该配置不会生效。

解决方案 #

你需要让右侧Expanded区域内的子元素整体对齐到右下角，给第二块Expanded的子节点外层加Align组件并配置对齐规则即可，修改后的完整Row代码如下：

Row(
  children: <Widget>[  
    Expanded(                                        
      child: ListView.builder
      (
        shrinkWrap: true,
        physics: ClampingScrollPhysics(),
        itemCount: list3.length,

        itemBuilder: (BuildContext ctxt, int Index) 
        {
          return ListView
                    (
                      shrinkWrap: true,
                      padding: const EdgeInsets.all(1),
                      children: <Widget>
                      [                                                       
                        ListTile(
                            leading: CircleAvatar(
                                      radius: 6.0,
                                      backgroundColor: Colors.black,
                                    ),
                            title : Text(list3[Index], style: TextStyle(color: Colors.red, fontSize: 25,),)
                        ),
                      ]
                    );
        },                                          
      ),
    ),
    
    Expanded(
      // 新增Align组件控制子元素在Expanded区域内的对齐位置
      child: Align(
        alignment: Alignment.bottomRight,
        child: GestureDetector(
          child: Image(
                  image: NetworkImage('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl.jpg'),
                  height: 15,
                  width: 15,
                  fit: BoxFit.cover,
                ),
        ),
      ),
    ),
  ],
),

内容的提问来源于stack exchange，提问作者Aquarius_Girl