How to change selected text color locally - flutter

user_13372679 0
Viewed 4817

Text selection color can be changed by globally setting the theme:

    theme: ThemeData.light().copyWith(
        accentColor: kPrimaryAccent,
        primaryColor: kPrimaryColor,
        textSelectionColor: kTextSelectionColor,
        textSelectionHandleColor: kPrimaryAccent)

But how can this be done locally in a single text-field?

flutter-layout dart flutter
2 Answers

Since the property mentioned in Mobina answer become deprecated, here is how you do it in early 2022:

Container(
  child: Theme(
    data: ThemeData(
      textSelectionTheme: const TextSelectionThemeData(
        cursorColor: Colors.yellow,
        selectionColor: Colors.green,
        selectionHandleColor: Colors.blue,
      )
    ),
    child: SelectableText(
      'this is a text',
    ),
  ),
),

Source: TextSelectionTheme migration

user_9959260

You can wrap your widget with a Theme and set the textSelectionColor for its ThemeData:

Container(
  child: Theme(
    data: ThemeData(
      textSelectionColor: Colors.yellow,
    ),
    child: SelectableText(
      'this is a text',
    ),
  ),
),
user_99027650
Related