The problem is that those elements that are next to the app bar do not work when pressed on iOS devices with Dynamic Island, for example, on the iPhone 14 everything works, but on the 14 Pro it does not, is there any way to remove the restrictions?
I tried Gesture Detector and Ink Well, but they do not work, I also tried Save Aria, but it lowers the element too low, does anyone know a working method?
An example of the code is below, my widget TopWidget does not work when pressed until I specify the padding down at least 64
return Scaffold(
backgroundColor: theme.scaffoldBackgroundColor,
body: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const _TopWidget(),
Expanded(
child: PageView.builder(
itemCount: 7,
itemBuilder: (context, index) {
final dayName = daysOfWeek[index];
return Column(
children: [
_RuleCard(
ruleType: rule.type ?? "command",
ruleId: ruleId,
dayName: daysOfWeek[index],
data: data,
isOneDayMode: false,
),
const Spacer(),
_BottomWidget(
data: data,
ruleId: ruleId,
dayName: dayName,
rule: rule),
],
);
},
),
),
],
),
);
class _TopWidget extends StatelessWidget {
const _TopWidget();
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: GestureDetector(
onTap: () {
Navigator.pop(context);
},
child: Row(
children: [
const Icon(
Icons.chevron_left,
color: Colors.blue,
size: 30,
),
Text(
S.of(context).back,
style: const TextStyle(fontSize: 17, color:
Colors.blue),
),
],
)),
);
}
}