使用settings_ui时Flutter设置页iOS端导航箭头显示异常

针对你使用Flutter及settings_ui 2.0.2开发设置页面时，iOS模拟器和真机上导航箭头无法显示的问题，可尝试以下解决方案：

方案一：升级settings_ui版本 #

settings_ui 2.0.2版本存在iOS端导航箭头不显示的已知问题，建议升级到最新稳定版。修改pubspec.yaml中的依赖：

dependencies:
  settings_ui: ^5.0.1 # 替换为当前最新稳定版本

执行flutter pub get更新依赖后重新运行项目，箭头应该会正常显示。

方案二：手动添加自定义箭头 #

如果暂时不想升级版本，可以通过trailing参数手动为每个SettingsTile.navigation添加箭头图标：

SettingsSection(
  title: const Text('Application'),
  tiles: <SettingsTile>[
    SettingsTile.navigation(
      leading: const Icon(Icons.reviews),
      title: const Text('Review'),
      trailing: const Icon(Icons.arrow_forward_ios, size: 16), // 手动添加iOS风格箭头
    ),
    SettingsTile.navigation(
      leading: const Icon(Icons.email),
      title: const Text('Inquiry by Email'),
      onPressed: (context) => _launchMailer(),
      trailing: const Icon(Icons.arrow_forward_ios, size: 16),
    ),
    SettingsTile.navigation(
      leading: const Icon(Icons.share),
      title: const Text('Share with your friends'),
      trailing: const Icon(Icons.arrow_forward_ios, size: 16),
    ),
    SettingsTile(
      leading: const Icon(Icons.settings_applications),
      title: const Text('App version'),
      value: const Text('1.0'),
    ),
  ],
),

若箭头颜色与背景色接近导致看不见，可指定颜色：

trailing: const Icon(Icons.arrow_forward_ios, size: 16, color: Colors.grey),

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