Блог

Мне нужно знать, будет ли Flutter отображать стиль iOS Cupertino на iOS и Material на Android с единой кодовой базой. Я хочу знать это, прежде чем начинать разрабатывать свое приложение с помощью Flutter.

Если это не так, как я могу управлять двумя разными пользовательскими интерфейсами в одном коде? Я не могу использовать if / else везде в коде.

Вам следует попробовать приложение gallery:https://play.google.com/store/apps/details?id=io.flutter.demo.galleryamp;hl=en Там, когда вы нажимаете кнопку меню, вы можете настроить механику платформы как Mountain View (Android) или Cupertino (iOS). Таким образом, вы можете увидеть, как это будет выглядеть на любой платформе.

Вот пример выбора Cupertino или Material с кодом в зависимости от платформы:https://medium.com/flutter-io/do-flutter-apps-dream-of-platform-aware-widgets-7d7ed7b4624d Насколько я знаю, вы должны выбирать виджеты, подобные этому.

Эти возможности находятся в стадии разработки. Я предлагаю заглянуть в эту библиотеку: https://pub.dartlang.org/packages/flutter_platform_widgets

Помимо этого, вы многое уже можете сделать, даже без этой библиотеки. Все зависит от ваших ресурсов, требований и сложности вашего проекта.

Например, если вы работаете в одиночку или в небольшой команде, сложность вашего проекта, вероятно, не является чрезмерной, и все ваше приложение будет состоять максимум из пары десятков классов, производных от виджетов. В этом случае, возможно, вы можете намеренно запрограммировать адаптивное к платформе поведение в своих пользовательских классах виджетов, чтобы вам было приятно работать с ними в долгосрочной перспективе.

Этот рабочий процесс не всегда применим и может показаться сложным в начале, но позже он станет более естественным.

С недавнего времени Flutter добавила адаптивные конструкторы для Switch, SwitchListTile и CircularProgressIndicator, которые помогут дальнейшему развитию платформенно-ориентированных виджетов в рамках единой кодовой базы. Пока это только три, ожидайте большего в будущем!

Ниже приведена простая реализация:

 class AdaptiveSwitch extends StatelessWidget {
  const AdaptiveSwitch({Key key,
      @required this.value,
      @required this.onChanged,
      this.activeColor,
      this.dragStartBehavior = DragStartBehavior.start})
      : assert(dragStartBehavior != null),
        super(key: key);

  final bool value;

  final ValueChanged<bool> onChanged;

  final Color activeColor;

  final DragStartBehavior dragStartBehavior;

  @override
  Widget build(BuildContext context) {
    return Theme.of(context).targetPlatform = TargetPlatform.iOS
        ? CupertinoSwitch(
            value: value,
            activeColor: activeColor,
            onChanged: onChanged,
            dragStartBehavior: dragStartBehavior,
          )
        : Switch(
            value: value,
            activeColor: activeColor,
            onChanged: onChanged,
            dragStartBehavior: dragStartBehavior,
          );
  }
}