#4 Советы Flutter + Dart

Опубликовано 23.01.2020
Автор greymag

Перевод статьи #4 Flutter + Dart Tips.

Это статья #4 в серии переводов Советы Flutter + Dart. Если вы пропустили предыдущие статьи, то вы сможете найти их по ссылкам:

11. Использование множественного числа в ваших Dart строках

В разных языках действуют разные правила грамматики для количеств. В английском, например, количество 1 — особый случай. Пишется «1 book», а для любого другого количества будет «n books». Это отличие между единственным и множественным достаточно общее, но другие языки имеют более тонкие различия.

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

Добавляем зависимость:

dependencies: intl: version

1
2

dependencies:
intl: version

Как использовать:

import 'package:intl/intl.dart';
...
notificationCount(int howMany) => Intl.plural(
      howMany,
      zero: 'You don\'t have any notification.',
      one: 'You have $howMany notification.',
      other: 'You have $howMany notifications.',
      name: "notification",
      args: [howMany],
      examples: const {'howMany': 42},
      desc: "How many notifications are there.",
    );
    print(notificationCount(0));
    print(notificationCount(1));
    print(notificationCount(2));

import 'package:intl/intl.dart';

...

notificationCount(int howMany) => Intl.plural(

howMany,

zero: 'You don\'t have any notification.',

one: 'You have $howMany notification.',

other: 'You have $howMany notifications.',

name: "notification",

args: [howMany],

examples: const {'howMany': 42},

desc: "How many notifications are there.",

);

print(notificationCount(0));

print(notificationCount(1));

print(notificationCount(2));

Вывод:

You don't have any notification. You have 1 notification. There are 2 notifications.

1
2
3

You don't have any notification.
You have 1 notification.
There are 2 notifications.

Читать →

#3 Советы Flutter + Dart

Опубликовано 07.11.2019
Автор greymag

Перевод статьи #3 Flutter + Dart Tips.

На нашем блоге публикуется перевод серии статей с очень помогающими нам при работе во Flutter и с Dart советами, которыми делится Flutter коммьюнити и сам автор,

Это статья #3 в данной серии, если вы пропустили предыдущие статьи, то вы сможете найти их по ссылкам:

7. Хотите использовать отдельную Theme для конкретного виджета?

Просто оберните этот виджет в виджет Theme и передайте ThemeData(). Совет от Sahil Kumar.

Theme(
  data: ThemeData(...),
  child: TextFormField(
    decoration: const InputDecoration(
      icon: Icon(Icons.person),
      hintText: 'Как вас зовут?',
      labelText: 'Имя *',
    ),
    onSaved: (String value) {
      // Этот необязательный блок кода может быть использован, 
      // чтобы выполнить код когда пользователь сохраняет форму.
    },
    validator: (String value) {
      return value.contains('@')
          ? 'Не используйте символ @.'
          : null;
)

Theme(

data: ThemeData(...),

child: TextFormField(

decoration: const InputDecoration(

icon: Icon(Icons.person),

hintText: 'Как вас зовут?',

labelText: 'Имя *',

onSaved: (String value) {

// Этот необязательный блок кода может быть использован,

// чтобы выполнить код когда пользователь сохраняет форму.

validator: (String value) {

return value.contains('@')

? 'Не используйте символ @.'

: null;

)

Читать →

#2 Советы Flutter + Dart

Опубликовано 31.10.2019
Автор greymag

Перевод статьи #2 Flutter + Dart Tips.

Вторая часть из серии советов по Flutter и Dart.

Вот первая часть советов, если вы ее пропустили: #1 Советы Flutter + Dart.

Сегодня новая порция советов, частью — от автора, но также было получено много хороших советов от коммьюнити.

Ниже вторая часть советов:

4. Используйте стили из тем в виджете Text

Если вы Android разработчик, вы должны были использовать android:textAppearance в ваших TextView и использовали @style/TextAppearance.AppCompat.Body1 и так далее.

Для тех, кому это ничего не говорит: речь идет о заранее настроенном стиле, который позволяет вам стилизовать ваш Text в терминах Material гайдлайна как Title, Body, Caption и т.д.

Итак, как вам реализовать это во Flutter Text виджете?

Это просто, как и все во Flutter. ?

Вам просто нужно передать свой стиль textTheme используя Theme.of(context).textTheme.

Ниже пример кода.

Text(
  “Your Text”,
  style: Theme.of(context).textTheme.title,
),

Text(

“Your Text”,

style: Theme.of(context).textTheme.title,

Читать →

#1 Советы Flutter + Dart

Опубликовано 18.10.2019
Автор greymag

Перевод статьи #1 Flutter + Dart Tips.

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

Это статья посвящена советам по использованию Dart и Flutter, и является частью цикла статей, целью которых является изложение всех советов по Flutter и Dart, которые открыл для себя автор. Все советы также можно найти на репозитории «FlutterDartTips» на Github.

Ниже первая часть советов:

1. Использование null-aware операторов

Когда требуется проверить на null значения в Dart — используйте null-aware операторы, чтобы уменьшить количество кода, требующегося, чтобы работать с ссылками, которые потенциально могу быть null .

// Используйте:

title ??= "Title";

// вместо

if (title == null) {
  title = "Title";
}

// Используйте:

title ??= "Title";

// вместо

if (title == null) {

title = "Title";

}

Читать →