Questions tagged [flutter-cupertino]
184 questions
5
votes
2 answers
How to change CupertinoSwitch inactive state color in Flutter
my question is, how I can change inactive color of CupertinoSwitch in Flutter, with normal Switch it's fairly easy, because we have property for that, but on CupertinoSwitch (iOS) we do not have these properties.
EDIT:
Here is custom class for now,…

Bartłomiej Fryz
- 53
- 1
- 1
- 5
5
votes
2 answers
How to change the color of the back button in a CupertinoNavigationBar in Flutter
I would like to change the color of the back button in my flutter app.
Here is what I have at the moment: Screenshoot
I would like to change the color from light blu to white. I have searched online but found nothing. Here is my code (note my button…

M4trix Dev
- 1,828
- 3
- 23
- 48
5
votes
1 answer
How to center a cupertino icon in flutter?
First of all, I have tried using Center(),
With that out the way, it seems cupertino icons are off center
IconButton(
icon: const Icon(
CupertinoIcons.add_circled,
color: Colors.black,
…

martinseal1987
- 1,862
- 8
- 44
- 77
4
votes
2 answers
Update Scaffold-Properties in nested CupertinoPageScaffold in Flutter
How can I update some properties of the roots scaffold in a child widget(page).
Here is a snippet from my root scaffold.
CupertinoPageScaffold(
resizeToAvoidBottomInset:
state.resizeToAvoidBottomInsets, //update this here
…

fräfrö
- 71
- 1
- 5
4
votes
1 answer
Flutter: How to theme material widgets in Cupertino theme?
I have a Flutter app which uses Material theme for Android and Cupertino theme for iOS. But I use Card widget, which is a Material widget, in both themes. Now I have the following code in main.dart
Widget build(BuildContext context) =>…

Kavin Zhao
- 45
- 5
4
votes
4 answers
How to change CupertinoButton background color only when onPressed is called
I have tried following code but it does not change the color of the button only when it is pressed.
//class attribute
Color bgColor = Colors.deepPurpleAccent;
//Widget
CupertinoButton(
color: bgColor,
child: Text('LOGIN', style:…

Amin Memariani
- 830
- 3
- 17
- 39
4
votes
1 answer
Flutter BottomNavigationBarItem accepts only Icon and no other widgets?
In our Flutter Cupertino project, we need to show a badge on one of the bottom bar icons. How many articles are already in the shopping cart to be precise.
I've tried different widgets and solutions provided here, but the BottomNavigationBarItem…

Andrey Bulgakow
- 43
- 5
4
votes
1 answer
How to navigate to sibling item in Flutter Cupertino Bottom Navigation Bar
I'm using Cupertino design in Flutter and using CupertinoTabBar. I want to visit to different tab item when coming from different screen.
For example, I've 2 items: Home and Profile. CupertinoTabBar is defined in main screen. From HomeScreen, I want…

Sovon
- 1,804
- 1
- 22
- 30
3
votes
1 answer
How to make a reorderable list in a Flutter Cupertino app?
What I need is a reorderable list in iOS styled cupertino Flutter app, very much like the list one gets in iPhone's Reminders app.
To be more specific, say we have the following flutter app:
import 'package:flutter/cupertino.dart';
void main() {
…

bagratte
- 157
- 2
- 5
3
votes
1 answer
how to build a IOS style list with listview builder in Flutter?
I was wondering how to build a Cupertino list like that, with a listView.builder
I did it with the CupertinoFormSection, but when i add the listView.builder inside the form, the list does not show. So, right now i put the CupertinoFormSection after…

Giovanni
- 512
- 2
- 6
- 23
3
votes
1 answer
How to limit the timing that can be picked from Cupertino date picker in Flutter?
Currently, this is how my Cupertino date picker look like
My code is as shown:
CupertinoDatePicker(
initialDateTime: DateTime.now(),
onDateTimeChanged: (val) {
setState(() {
…

scott lee
- 546
- 5
- 23
3
votes
1 answer
How to create Cupertino picker that has both kg and lbs option in Flutter
I'm trying to create a Cupertino Picker that will show weight and other option like kg and lb. Ive tried to work it out. It working for "kg" but how can i display for "lb" and also how to get after selecting 55 kg and display same 121.245 lb vice…

Vamsee.
- 181
- 3
- 12
3
votes
0 answers
Flutter disable scrolling on CupertinoNavBar with large title
How can I disable scrolling when there is a widget with CupertinoNavBar and large title? For instance I have:
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
child: NestedScrollView(
…

MobileMon
- 8,341
- 5
- 56
- 75
3
votes
3 answers
Flutter different designs for Android and IOS
I am currently developing an app that I want to release for Android and IOS. My problem is that I don't want to use Material Design for both platforms, as that wouldn't match the IOS design language. Is there any way to use one codebase and compile…

isi_ko
- 417
- 1
- 5
- 14
3
votes
1 answer
IOS Date picker in Flutter
I want to make only a date picker using Cupertino. something like below
but all I am able to do is this... can anyone help?
Container(
height: MediaQuery.of(context).copyWith().size.height / 3,
child: CupertinoDatePicker(
…

palak
- 381
- 7
- 20