TextSelectionThemeData is not changing selectionHandleColor in flutter

Question

Tested on Both physical device and simulator.

As we all know textSelectionHandleColor is deprecated. So, I decided to make some changes in my app code, unfortunately, selectionHandleColor is still default blue color we get, when we create new app.

TextSelectionTheme(
              data: TextSelectionThemeData(
                  cursorColor: kLightGreen,
                  selectionHandleColor: kLightGreen,
                  selectionColor: kGrey),
              child: TextField(
                keyboardType: TextInputType.number,
                style: TextStyle(
                  color: kOffWhite,
                  letterSpacing: 1.5,
                ),
                decoration: InputDecoration(
                  labelText: 'Label',
                  enabledBorder: UnderlineInputBorder(
                    borderSide: BorderSide(color: kLightGreen),
                  ),
                  focusedBorder: UnderlineInputBorder(
                    borderSide: BorderSide(color: kLightGreen),
                  ),
                  hintText: 'Hint',
                  hintStyle: TextStyle(
                    color: kOffWhite,
                    letterSpacing: 1.5,
                  ),
                  labelStyle: TextStyle(
                    color: kLightGreen,
                    letterSpacing: 1.5,
                  ),
                ),
              ),
            ),

Cursor color, selection color got changed except handle color. I have tried every possible way to change text selection handle color.

Munro

github.com/flutter/flutter/issues/74890 – Recreation

Answer 1

One way you can change the cursor color, selection color and handle color is by defining a coloScheme in your MaterialApp widget like so:

  theme: ThemeData(
        appBarTheme: AppBarTheme(
          backgroundColor: your_desired_color,
        ),
        colorScheme: ColorScheme.light(
          // the color for your cursor, selection & handle
          primary: Colors.green, 
        ),
      ),

By defining a primary color, many other widgets in your app will also change color to the primary color. If that's not what you want, you will need to define the colors for your other widgets - case-by-case or in your ThemeData, e.g. Appbar.

Keep in mind that defining your app's colors using a colorScheme is the current best practice for flutter, so it might be a good idea to start migrating to it.

Tambratamburlaine