19
votes

Comment changer la couleur du curseur en scintillement

Chers, j'ai 2 questions en flottement Si cela ne vous dérange pas.

1- Comment changer la couleur du curseur par défaut en bleu et je ne l'aime pas

2- comment faire le texte en bas de l'écran quelle que soit la taille de l'écran. ??

Merci d'avance.

flutter flutter-layout

2 commentaires

Je n'ai pas compris la deuxième question, voulez-vous étirer le texte de manière dynamique avec la taille de l'écran? Vous pouvez obtenir la valeur de la largeur de l'écran et partir de là, voici le code: MediaQuery.of (context) .size.width

@mirkancal Je ne veux pas étirer le texte. Je veux faire sa position à la fin de l'écran

5 Réponses :

11
votes

Pour la question 1, vous pouvez définir l' cursorColor pour le theme lors de l'appel de MaterialApp comme ci-dessous

new MaterialApp(
title: "Flutter App",
theme: ThemeData(
    cursorColor: Colors.red,
home: HomeScreen(),

)

2 commentaires

Cela fonctionne-t-il vraiment pour quelqu'un? Le mien est toujours bleu par défaut, même si Theme.of (context) .cursorColor est noir ...

@ d0n.key Oui, vous pouvez également affecter la propriété cursorColor à l'intérieur du TextField.

32
votes

mettez cursorColor: Colors.white, à l'intérieur du TextFormField

1 commentaires

Excellent travail ... + 1

9
votes

Vous pouvez utiliser:

TextField( cursorColor: Colors.red),

0 commentaires

17
votes

Cela fonctionne très bien sous iOS et Android:

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';

MaterialApp(
  title: "Rate your Colleagues",
  theme: ThemeData(
    // for iOS
    cupertinoOverrideTheme: CupertinoThemeData(
      primaryColor: Colors.red,
    ),
    // for others(Android, Fuchsia)
    cursorColor: Colors.red,
    home: SplashScreen(),
  );
  ...

Mais, si vous aimez le définir dans le thème, j'ai trouvé la solution ici :

TextField(cursorColor: Colors.white)

1 commentaires

votre première solution fonctionne bien pour moi, mais la définition de cursorColor dans le thème ne fonctionne pas.

1
votes

J'ai dû définir useTextSelectionTheme sur true et définir textSelectionTheme pour mon thème sombre personnalisé:

ThemeData _defaultDarkTheme = ThemeData.dark();

ThemeData _darkTheme = initializeDefaultLineHeight(ThemeData(
    brightness: Brightness.dark,
    // How to set cursor color for TextFormField
    useTextSelectionTheme: true,
    textSelectionTheme: _defaultDarkTheme.textSelectionTheme.copyWith(
        cursorColor: Colors.grey[600]),

0 commentaires