Flutter Stack子项Android与iOS端布局表现不一致问题

问题表现 #

使用Stack实现右下角本地相机预览布局时，iOS端表现正常，Android端预览固定偏移到左上角，alignment、FittedBox等配置在Android端看起来未生效；替换相机预览为普通Container时Android端布局正常。

效果参考：

• iOS正常效果：
  
• Android异常效果：
  

根本原因 #

两端表现差异是Flutter Android端PlatformView（相机预览底层依赖的组件）的固有布局特性导致的：

• 现有实现用多层Stack嵌套+Container alignment传递对齐规则，这套逻辑对普通Flutter原生Widget（比如测试用的红色Container）完全生效，但Android端PlatformView无法正确识别多层嵌套下透传的alignment位置参数，会默认从父布局左上角原点开始渲染，才会出现位置偏移、配置"不生效"的现象。
• 之前尝试Positioned方案无效，是因为Positioned加在了最外层Stack，没有直接包裹相机预览组件，约束没有直接传递到PlatformView层。
• 自定义的ParticipantWidget代码本身没有布局问题，不需要修改。

修复方案 #

删除控制本地预览位置的多层嵌套alignment Container，在承载预览的Stack中直接用Positioned给本地相机预览加显式定位约束——Android PlatformView可以正常识别Positioned的位置参数，不会出现偏移。
核心修改代码如下：

void _buildOverlayLayout(
    BuildContext context, Size size, List<Widget> children) {
  final conferenceRoom = context.read<ConferenceCubit>();
  final participants = conferenceRoom.participants;

  children.add(
    Stack(
      alignment: Alignment.center,
      children: <Widget>[
        // 远端画面/等待提示层 原有逻辑无需改动
        Container(
          alignment: Alignment.center,
          width: size.width,
          height: size.height,
          color: Colors.blue,
          child: participants.length > 1 
            ? participants.firstWhere((element) => element.local == false) 
            : const Text('Waiting for partner'),
        ),
        // 本地相机预览 直接用Positioned显式固定位置，不依赖alignment传值
        Positioned(
          right: 8, // 对应原配置的8px内边距
          bottom: 68, // 避开底部距底60的挂断按钮，预留8px间距
          width: 100,
          height: 150,
          child: participants.firstWhere((element) => element.local == true),
        )
      ],
    ),
  );
}

如果预览出现画面拉伸，给Positioned的child外层套一层FittedBox(fit: BoxFit.cover)即可，不要额外在外层添加带alignment的Container做位置控制。

修改后两端表现完全一致：iOS端布局和原有效果无差异，Android端相机预览会正常固定在右下角，不再出现左上角偏移问题。

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