Add conditional rendering for toolbar header style options (#1613)

The toolbar header style now has two possible displays. If the 'headerStyleType' configuration is set to 'isOriginal', the toolbar will exhibit 'QuillToolbarSelectHeaderStyleButtons'. Otherwise, it will show a dropdown menu 'QuillToolbarSelectHeaderStyleDropdownButton'. This adds flexibility to the UI of the toolbar.

Co-authored-by: Sobhan Moradi <sobhan.moradi@getflip.com>
pull/1621/head
Sobhan Moradi 1 year ago committed by GitHub
parent 32b698e6ad
commit a35c5cf93c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 20
      lib/src/widgets/toolbar/simple_toolbar.dart

@ -195,12 +195,20 @@ class QuillSimpleToolbar extends StatelessWidget
color: configurations.sectionDividerColor, color: configurations.sectionDividerColor,
space: configurations.sectionDividerSpace, space: configurations.sectionDividerSpace,
), ),
if (configurations.showHeaderStyle) if (configurations.showHeaderStyle) ...[
QuillToolbarSelectHeaderStyleDropdownButton( if (configurations.headerStyleType.isOriginal)
controller: globalController, QuillToolbarSelectHeaderStyleButtons(
options: toolbarConfigurations controller: globalController,
.buttonOptions.selectHeaderStyleDropdownButton, options:
), toolbarConfigurations.buttonOptions.selectHeaderStyleButtons,
)
else
QuillToolbarSelectHeaderStyleDropdownButton(
controller: globalController,
options: toolbarConfigurations
.buttonOptions.selectHeaderStyleDropdownButton,
),
],
if (configurations.showDividers && if (configurations.showDividers &&
configurations.showHeaderStyle && configurations.showHeaderStyle &&
isButtonGroupShown[2] && isButtonGroupShown[2] &&

Loading…
Cancel
Save