Autoriser uniquement la saisie de 3 nombres décimaux flottants

Essayez d'utiliser ceci:

FilteringTextInputFormatter(RegExp(r'(^[0-9]*(?:\.[0-9]{0,3})?$)'), allow: true),

Fondamentalement, l'expression régulière essaiera de faire correspondre 0 ou plusieurs occurrences de chiffres suivis d'un décimal facultatif suivi de jusqu'à 3 chiffres après le décimal. Vous pouvez le modifier pour utiliser également une valeur négative ^(?:\-)?[0-9]*(?:\.[0-9]{0,3})?$ .

Si vous souhaitez simplement forcer l'utilisateur à entrer un seul point et 3 décimales, cela peut fonctionner.

class NumberInputFormatter extends TextInputFormatter {
  final int maximumFractionDigits;

  NumberInputFormatter({
    this.maximumFractionDigits = 3,
  }) : assert(maximumFractionDigits != null && maximumFractionDigits >= 0);

  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    var newText = newValue.text;
    var selectionOffset = newValue.selection.extent.offset;
    bool isNegative = false;
    if (newText.startsWith('-')) {
      newText = newText.substring(1);
      isNegative = true;
    }
    if (newText.isEmpty) {
      return newValue;
    }
    if (newText.indexOf('.') != newText.lastIndexOf('.')) {
      // inputted more than one dot.
      return oldValue;
    }
    if (newText.startsWith('.') && maximumFractionDigits > 0) {
      newText = '0$newText';
      selectionOffset += 1;
    }
    while (newText.length > 1 && !newText.startsWith('0.') && newText.startsWith('0')) {
      newText = newText.substring(1);
      selectionOffset -= 1;
    }
    if (_decimalDigitsOf(newText) > maximumFractionDigits) {
      // delete the extra digits.
      newText = newText.substring(0, newText.indexOf('.') + 1 + maximumFractionDigits);
    }
    if (newValue.text.length == oldValue.text.length - 1 &&
        oldValue.text.substring(newValue.selection.extentOffset, newValue.selection.extentOffset + 1) == ',') {
      // in this case, user deleted the thousands separator, we should delete the digit number before the cursor.
      newText = newText.replaceRange(newValue.selection.extentOffset - 1, newValue.selection.extentOffset, '');
      selectionOffset -= 1;
    }
    if (newText.endsWith('.')) {
      // in order to calculate the selection offset correctly, we delete the last decimal point first.
      newText = newText.replaceRange(newText.length - 1, newText.length, '');
    }
    int lengthBeforeFormat = newText.length;
    newText = _removeComma(newText);
    if (double.tryParse(newText) == null) {
      // invalid decimal number
      return oldValue;
    }
    newText = _addComma(newText);
    selectionOffset += newText.length - lengthBeforeFormat; // thousands separator newly added
    if (maximumFractionDigits > 0 && newValue.text.endsWith('.')) {
      // decimal point is at the last digit, we need to append it back.
      newText = '$newText.';
    }
    if (isNegative) {
      newText = '-$newText';
    }
    return TextEditingValue(
      text: newText,
      selection: TextSelection.collapsed(offset: min(selectionOffset, newText.length)),
    );
  }

  static int _decimalDigitsOf(String text) {
    var index = text?.indexOf('.') ?? -1;
    return index == -1 ? 0 : text.length - index - 1;
  }

  static String _addComma(String text) {
    StringBuffer sb = StringBuffer();
    var pointIndex = text.indexOf('.');
    String integerPart;
    String decimalPart;
    if (pointIndex >= 0) {
      integerPart = text.substring(0, pointIndex);
      decimalPart = text.substring(pointIndex);
    } else {
      integerPart = text;
      decimalPart = '';
    }
    List<String> parts = [];
    while (integerPart.length > 3) {
      parts.add(integerPart.substring(integerPart.length - 3));
      integerPart = integerPart.substring(0, integerPart.length - 3);
    }
    parts.add(integerPart);
    sb.writeAll(parts.reversed, ',');
    sb.write(decimalPart);
    return sb.toString();
  }

  static String _removeComma(String text) {
    return text.replaceAll(',', '');
  }
}

Selon votre commentaire:

1. Comment ajouter un séparateur de milliers?
2. Le changement de numéro ne fonctionne pas. Je veux décaler le nombre si l'utilisateur commence à taper en partie décimale lorsque la virgule décimale est atteinte au maximum. Par exemple, la valeur actuelle est 0,333 et le curseur défini par l'utilisateur sur la seconde 3 (0,3 | 33) et tapez 2. alors la valeur doit être 0,323.

Nous pouvons utiliser intl NumberFormat pour formater le nombre.

Ceci est mon code, je n'ai pas eu de test approfondi et détaillé. Si vous trouvez des bogues, veuillez les signaler.

MISE À JOUR

lorsque vous entrez un nombre long avec 0 maximumFractionDigits, un nombre incorrect sera ajouté. => cela ne dépend pas de maximumFractionDigits. ça arrive toujours.

Je pense qu'il y a un comportement inattendu dans le NumberFormat, et je l'ai changé en méthode personnalisée et il prend en charge le nombre négatif maintenant.

FilteringTextInputFormatter.allow(RegExp(r'^\d+\.?\d{0,3}'))

le code complet est ici, (mise à jour, vous pouvez également modifier les données par curseur)

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:math' as math;

class DecimalChecker extends TextInputFormatter {
  DecimalChecker({this.decimalRange = 3})
      : assert(decimalRange == null || decimalRange > 0);

  final int decimalRange;

  @override
  TextEditingValue formatEditUpdate(
      TextEditingValue oldValue, TextEditingValue newValue) {
    String valueTxt = newValue.text;
    TextSelection valueSet = newValue.selection;
    var newlength = newValue.text.length;
    var oldlength = oldValue.text.length;
    if (oldlength < newlength) {
      Pattern p = RegExp(r'(\d+\.?)|(\.?\d+)|(\.?)');
      valueTxt = p
          .allMatches(valueTxt)
          .map<String>((Match match) => match.group(0))
          .join();
      print("------>");
      if (valueTxt.startsWith('.')) {
        valueTxt = '0.';
      } else if (valueTxt.contains('.')) {
        if (valueTxt.substring(valueTxt.indexOf('.') + 1).length >
            decimalRange) {
          valueTxt = oldValue.text;
        } else {
          if (valueTxt.split('.').length > 2) {
            List<String> split = valueTxt.split('.');
            valueTxt = split[0] + '.' + split[1];
          }
        }
      }

      valueSet = newValue.selection.copyWith(
        baseOffset: math.min(valueTxt.length, valueTxt.length + 1),
        extentOffset: math.min(valueTxt.length, valueTxt.length + 1),
      );

      return TextEditingValue(
          text: valueTxt, selection: valueSet, composing: TextRange.empty);
    } else {
      return TextEditingValue(
          text: valueTxt, selection: valueSet, composing: TextRange.empty);
    }
  }
}

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'My Decimal Check App'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  TextEditingController numberController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Padding(
              padding: EdgeInsets.fromLTRB(10.0, 0.0, 10.0, 0.0),
              child: TextField(
                controller: numberController,
                keyboardType: TextInputType.numberWithOptions(decimal: true),
                inputFormatters: [DecimalChecker()],
                decoration: InputDecoration(
                  hintText: "Please enter Number",
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}