![]() To create your own segment style (shape), extends SegmentStyle class and implement methodsĬreateHorizontalPath, createVerticalPath, createDiagonalBackwardPath and createDiagonalForwardPath. NOTE: gmentBaseSize * SegmentDisplay.textSize = segmentSize Custom segment styles # segmentBaseSize - size ratio for segments Size(1.0, 2.0) basically means that ratio will be 1:2 (width:length).disabledColor - color of disabled segments.Choose between 7, 14 or 16 segments, experiment with the settings for the geometry, colors and output. enabledColor - color of enabled segments Design your own segment display with this Web App.To change segment color, size or shape, use segment style.Īnd you can also create or own style (shape) - see custom segment stylesĭisabledColor: const Color(0xFF00FF00).withOpacity(0.15), segmentStyle - style for segments (shape, color.), see segment styleĭisabledColor: (0.15),.backgroundColor - display background color.characterSpacing- space between individual characters.Now in your Dart code, you can use: import 'package:segment_display/segment_display.dart' Check the docs for your editor to learn more. ![]() You can install packages from the command line: $ flutter packages getĪlternatively, your editor might support flutter packages get. (decimal point) and : (colon) charactersĪdd this to your package's pubspec.yaml file: dependencies: Customizable segment shapes (segment styles).Supports multiple types of segment displays and segment customization.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |