• Latest
  • Hot
  • Ask
  • Full Apps
  • Ui
  • Packages
Ask August 28,2020

Adding Border to Icons flutter

I want to add border to the icons in flutter like in the image below.

Star with border color

How can I achieve that?


Solution 1: Ulaş Kasım

I tried something creative

Stack(
  children: [
     _buildIcon(48, Colors.blue),
     _buildIcon(44, Colors.white),
  ],
),

Widget _buildIcon(double size, Color color) {
  return Container(
    height: 48,
    width: 48,
    alignment: Alignment.center,
    child: Icon(
      Icons.star,
      color: color,
      size: size,
    ),
  );
}


Twitter Facebook Reddit Hacker News LinkedIn Email

Most Viewed

Netflix UI Clone Build with Flutter and BloC

GitJournal - Markdown Notes Build with Fluter

How to debug multiple widgets used the same GlobalKey

Sign in up takes so long time to load from firebase

Featured Articles

Catagories

  • Ask63292
  • Full Apps40
  • Ui5
  • Packages2
  • Game2
  • Template0
  • unit-testing
  • android-studio
  • flutter
  • navigation
  • provider
  • reactjs
  • api
  • rest
  • ios
  • ffmpeg
  • android-ffmpeg
  • fluent-ffmpeg
  • android
  • react-native
  • xamarin
  • jwplayer
  • dart
  • flutter-dependencies
  • flutter-web
  • list
  • dio
  • performance
  • listview
  • websocket
  • bloc
  • firebase
  • google-cloud-firestore
  • dictionary
  • string
  • file
  • c++
  • c
  • android-ndk
  • google-pay
  • stripes
  • database
  • firebase-authentication
  • mobile
  • layout
  • widget
  • sdk
  • google-places-api
  • forms
  • validation
  • submit
  • flutter-animation
  • flutter-layout
  • json
  • firebase-admin
  • flutter-audio-query
  • visual-studio-code
  • stream
  • exception
  • slider
  • sharedpreferences
  • terminal-emulator
  • Privacy Policy
  • Submit Project
© Copyright © All rights reserved
Licensed under cc by-sa 3.0 with attribution required.

Catagories

  • Ask
  • Full Apps
  • Ui
  • Packages

Join our Newsletter