Flutter Navigator返回页面出现黑边问题求助

• 确保第二个页面的根组件是Scaffold，不要用Container等组件嵌套包裹Scaffold，避免额外的padding/margin限制页面宽度。直接将Scaffold作为页面build方法的返回值：

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('待办页面')),
      body: YourTodoContent(),
    );
  }
  

• 检查页面布局是否强制设置了固定宽度，比如给Container、Column等组件设置了固定width值，改为使用width: double.infinity让组件自适应屏幕宽度：

  Container(
    width: double.infinity, // 替换固定数值
    child: YourContent(),
  )
  

• 确认MaterialApp的配置没有限制页面尺寸，不要给MaterialApp设置home以外的固定宽高属性，让应用自动适配设备屏幕：

  void main() {
    runApp(MaterialApp(
      title: '待办应用',
      home: FirstPage(),
    ));
  }
  

• 排查导航跳转时的页面路由配置，如果使用了自定义PageRoute，暂时替换为默认的MaterialPageRoute测试，排除过渡动画导致的布局异常：

  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => SecondPage()),
  );
  

• 若页面使用了MediaQuery获取尺寸，确保正确获取屏幕可用宽度：

  final screenWidth = MediaQuery.of(context).size.width;
  // 用screenWidth作为布局宽度基准，不要手动减去不必要的数值
  

内容的提问来源于stack exchange，提问作者Mohamed Al Abduwani