Теперь мне нужно представиться вам, возможно, я собираюсь быть в вашемFlutterНа дороге программирования вы не можете оторватьсяУдобное оружиеодин из-F...Super.

Методы компоновки, которые он поддерживает, могут легко разбирать и создавать самые сложные макеты.

Это делает хорошо, немного лучше!

✨ Особенности

приди и посмотриFSuperЧто это вам приносит?

• обильныйуголЭффект

• КрасивоРамкаУкрасить

• Естественная поддержка замечательнаябогатый текст

• Эффект градиентане говоря уж о

• более пространственныйтень

• не простомаленькая красная точка

• гибкий и мощныйКомпоновка относительного положения

🛸 Телепорт

【Портал: Домашняя страница FSuper Github - Спасибо за вашу звезду 🌟 】

[Портал: Документация FSuper]

🔲 уголок

Отправьте себя своим сердцем.

FSuperПоддерживает гибкие и богатые настройки углов. Закругленные, скошенные, 1, 2, .. можно делать что хочешь.

Требуются только два свойстваcorner,cornerStyle, вы можете создавать различные странные угловые эффекты.

🖼 Граница

Просто, просто.

дляFSuperДобавить границы достаточно просто.

только чтоstrokeColorа такжеstrokeWidthСопоставление атрибутов позволяет сразу же получить удовлетворительный эффект оформления границы. Даже с добавлением угловых эффектов это достаточно просто.

📝 Форматированный текст

Естественно, шаг за шагом.

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

FSuper(
  // #1
  text: "En.. ",
  spans: [
    // #2
    TextSpan(
        text: "FWidget",
        style: TextStyle(
          color: Color(0xffffc900),
          backgroundColor: Colors.black38,
          fontSize: 20,
        )),
    // #3
    TextSpan(text: " are really "),
    // #4
    TextSpan(
        text: "delicious",
        style: TextStyle(
          color: Colors.blue,
          fontSize: 20,
          fontStyle: FontStyle.italic,
        )),
    // #5
    TextSpan(text: "!"),
    // #6
    TextSpan(
      text: "\nYou can try to ",
    ),
    // #7
    TextSpan(
      text: "click here",
      style: TextStyle(
        color: Colors.redAccent,
        fontSize: 18,
        decoration: TextDecoration.underline,
        decorationColor: Colors.blue,
        decorationStyle: TextDecorationStyle.wavy,
      ),
      recognizer: TapGestureRecognizer()
        ..onTap = () {
          _showDialog(
              context, "YA! How dare you clicked me?");
        },
    ),
    // #8
    TextSpan(text: " !"),
  ],
),

FSuperБудуFlutterОбеспеченная поддержка расширенного текста деликатно сочетается, так что обаFSuperПри наличии всех предоставленных возможностей он может поддерживать форматированный текст без добавления новых компонентов. Это круто 👏!

🧡 Эффект градиента

Есть достаточно цветов, чтобы быть блестящим.

пройти черезgradientсвойства, вы можете напрямуюFSuperПрямая конфигурацияLinearGradient,RadialGradient,SweepGradientи другие эффекты градиентного фона.

FSuperЭто всегда мощный инструмент для снижения уровня вложенности.

🔳 тень

Будь настолько трехмерным, насколько захочешь!

Хотя код прост, стереоэффект определенно не прост.

🎈 Маленькая красная точка

Скрытая тайна неописуема.

FSuperСпособность сделать маленькую красную точку сиять в вашем приложении. Соответствующий расчет для определения положения небольшой красной точки даетсяFSuperЗаканчивать. Вам просто нужно сосредоточиться на том, что вам нужно.

Это очевидное изменение, и с этого момента построить маленькую красную точку не составит труда.

🧸 Макет относительного положения

Как бы это ни было сложно, это также просто.

FSuperОн может интеллектуально определять размер своей собственной области содержимого и дополнительно определять их положение относительно области содержимого в соответствии с вашей конфигурацией относительного положения дочерних элементов управления. Это решает много проблем.

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

FSuperУмейте не допускать, чтобы эти проблемы возникали перед вами, и все будет достаточно просто.

не используяFSuperВ этом случае представление [Предупреждение] в организационной диаграмме сложнее. Помимо необходимости дополнительной вложенности компонентов, трудно определить такие вещи, какcenterLeft,centerRight, .. и другие эффекты выравнивания. Не говоря уже о случае, когда все компоненты, которые необходимо выровнять, имеют неопределенный размер.

ноFSuperТакой макет легко построить. еслиFSuperдостаточно, вы даже можете комбинироватьFSuperкак другойFSuperподкомпонент .

FSuper(
  child1: FSuper(
    child1: FSuper(),
  ),
  child2: FSuper(
    child1: FSuper(
      child1: FSuper(),
    ),
  ),
)

Это может выглядеть панк! Но это работает.

Все эффекты на приведенном выше рисунке определяютсяFSuperПостроить.

😃 Как пользоваться?

в проектеpubspec.yamlДобавьте зависимости в файл:

🌐 паб зависимости

dependencies:
  fsuper: ^<版本号>

⚠️ Внимание, перейдите наpubПолучатьFSuperномер последней версии

🖥 git-зависимости

dependencies:
  fsuper:
    git:
      url: 'git@github.com:Fliggy-Android-Team/fsuper.git'
      ref: '<分支号 或 tag>'

⚠️ Примечание, номер отделения или тег, пожалуйста, используйтеFSuperОфициальный проект имеет преимущественную силу.

самочувствие не плохое? Пожалуйста, перейдите на домашнюю страницу Github «FSuper» и поставьте звезду 🌟, которую вы одобряете!