iOS black stripe on top of the system overlay after routing to another page

[fuz12]

Hello! We face this problem starting from 5.64.0 nylo_support version, so we override dependency to 5.63.0 version of nylo_support. The problem is that a black stripe appears on top of the system overlay after routing to another page. This happens when there are others pages on top of the first.

[agordn52]

Hi @fuz12,

This is because we added the swipe-back gesture for IOS in v5.64.0.

There are two ways you could fix this.

1. Update your Theme style to use a white background
2. Set isIos to false using pageTransitionSettings when routing.

router.route(..., pageTransitionSettings: PageTransitionSettings(
    isIos: false
));

// update routeTo calls

routeTo(..., pageTransitionSettings: PageTransitionSettings(
    isIos: false
));

Hope that helps :)

[fuz12]

No matter what colors I try to change, the first method doesn't work, but the second one does

[agordn52]

Hi @fuz12,

Try update your lib/bootstrap/app.dart file.

Add a Container as the parent widget like in the below example.

@override
Widget build(BuildContext context) {
    List<AppTheme> appThemes = Nylo.getAppThemes();
    return Container( // add this
      color: Colors.white,
...