FWidget takes care to provide elegant components to help you build beautiful applications.

Now, throw away your French fries without ketchup 🍟.

Focus your attention on this 👀.

There are new members of FWidget developed by Free [Alibaba-Fliggy Mobile technology team], F.. Radio, flash — light — boarding — stage ~ 🎉🎉🎉

FRadio is very good at dealing with radio task scenarios, as you can see from the name given to it.

But developer, if the only radio options you have in mind at this point are something like the following

So please adjust your posture, the fun of FRadio will bring you exquisite creative liberation, which may make you a little surprised. But get used to it. We have a lot more to show you.

✨ features

How does FRadio break the rules?

  • Wonderful interaction effect

  • Support precise control of rounded corners

  • Nice gradient effect support

  • Simple but effective multi-state view building support

  • Incredibly flexible configurable items

🛸 transfer zone

🛸 [Portal: FRadio Github home page – Thanks to Star 🌟]

📖 【 Portal: FRadio documentation 】

🎭 Essential basic

It’s familiar, but it’s better

FRadio(
  value: 1, groupValue: groupValue, onChanged: (value) { setState(() { groupValue = value; }); },),Copy the code

Building a basic radio element is as easy as ever, but more expressive than ever.

📌 Available and cancelable modes

Keep things simple, but keep up with The Times

Clearly, radio elements are not as simple as they used to be.

We want it to be able to switch between enabled and disabled at will, and deselect it even if it is selected.

No problem, FRadio has all of this already in place for developers, but still keeps it simple enough. You can control all of this with the enable and Toggleable properties.

🔆 Spacing & Rounded corners & borders

Create the most effect with the least amount of code

There is no doubt that FRadio is based on a realistic scenario. It’s really good at handling radio scenario tasks.

Rich but simple configuration, you can complete a variety of forms, colors and interactive single visual effects.

🌈 gradient

Use gradients to create beauty

The support for gradients makes it possible for FRadio to perform a super fast visual upgrade for radio elements.

Our creation of beauty should not be restricted.

🍭 decoration

The more fun it is, the more attention it catches

People are often attracted to interesting things.

FRadio has a flexible decorative interface that allows you to define “fun.”

🎨 This is custom ah!

Limit? It’s designed to break through

If you find that FRadio’s carefully prepared base style configuration doesn’t satisfy your whims.

No matter, FRadio has a big enough trick for you 🍾.

With the fradio.custom () constructor, you can create possibilities without limit, leaving the rest of the interaction and state switching to FRadio.

See, so from now on, the only thing holding you back is yourself.

Want more details? Please visit theFRadioOfficial homepage (PS: Don’t forget to submit one you agree withStarOh 😘).

How do I use 😃?

Add dependencies to the project pubspec.yaml file:

🌐 pub Dependent mode

Dependencies: fradio: ^Copy the code

⚠️ Note, please go to pub to obtain the latest version number of FRadio

🖥 Git dependency mode

dependencies:
  fradio:
    git:
      url: '[email protected]:Fliggy-Mobile/fradio.git'
      ref: '< branch number or tag>'
Copy the code

⚠️ Note that the branch number or tag is subject to the official project of FRadio.

Feeling good? Please go to FRadio’s Github homepage to submit a Star you like 🌟!

Past components

  • FSuper – Helps developers build beautifully complex views quickly

  • FButton – Lots of nice configuration options for developers

  • FSwicth – Beautiful switch elements with excellent interaction and visuals