custom_context_menu 0.1.2
custom_context_menu: ^0.1.2 copied to clipboard
A context menu component for Flutter that allows you to create custom context menus with ease.
![](ContextMenu@2x.png)
A text selection toolbar or a context menu, is the little menu that pops-up when the user long presses the text field or selects a piece of text from that text field. This menu gives a user the ability to manipulate an editable text. Customizing it according to your app appearence, could improve your design.
Features #
With this package, you can customize the various different appearence of a context menu for your TextField
.
- Change the background color of a button, by using the
backgroundColor
property - Change the background color of a disabled button, by using the
disabledColor
property - Change the border radius with
borderRadius
property - Change the padding of a button to make it look bigger, by using the
buttonPadding
property
Getting started #
- Add the
custom_context_menu
package to yourpubspec.yaml
file:
dependencies:
custom_context_menu: ^0.1.0
- Import the package in your Dart file:
import 'package:custom_context_menu/custom_context_menu.dart';
Usage #
Use the CustomContextMenu
widget inside your TextField
's contextMenuBuilder
property:
TextField(
enableInteractiveSelection: true,
contextMenuBuilder: (BuildContext context, EditableTextState editableTextState) {
return CustomContextMenu(
editableTextState: editableTextState,
backgroundColor: Colors.red,
disabledColor: Colors.grey,
borderRadius: 6.0,
buttonPadding: 6.0,
);
}
);
Contributing #
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
Additional information #
This is an on-going project. Looking forward for any contribution and help. New features are coming soon.