Изменить textSize текстового поля из другого виджета Flutter - PullRequest
Новая
       1

Изменить textSize текстового поля из другого виджета Flutter

0 голосов
/ 26 мая 2020

Мне нужно изменить fontSize текстового поля, щелкнув значок, который находится в другом виджете. Итак, у меня здесь есть собственный виджет текстового поля. 

class StateTextField extends StatefulWidget {
  final FocusNode focusNode = FocusNode();
  final Function(bool,Widget) callback;
  final String fontFamily = FontFamily.Arial.toString().split('.')[1];
  double fontSize = 18;
  final Function(bool) selected;
  final bool highlighted = false;
  bool hasFocus() {
    return focusNode.hasFocus;
  }

   increaseFontSize() {
    fontSize += 2;
  }

  decreasefontSize() {

    if (fontSize > 0) fontSize -= 2;
  }

  StateTextField({@required this.callback,@required this.selected});
  @override
  _StateTextFieldState createState() => _StateTextFieldState();
}

А во втором виджете я использовал функцию увеличенияFontSize и reduceFontSize, чтобы изменить размер 

 onTap: () {
                setState(() {
                  print(widget.textField.fontSize);
                  widget.textField.increaseFontSize();

                  print(widget.textField.fontSize);
                });
              }

размер увеличивается при нажатии кнопки но не отражается. Я понимаю, потому что setState не меняет состояние textField. Какой подход мне тогда следует придерживаться?

Ответы [ 2 ]

0 голосов
/ 26 мая 2020

Есть такой подход, который вам как-то поможет.

ШАГ 1: Не используйте метод увеличения / уменьшения в StatefulWidget

ШАГ 2: Сохраните значение в переменной и внесите изменения в тот же самый виджет 

class StateTextField extends StatefulWidget {
  final FocusNode focusNode = FocusNode();
  final Function(bool,Widget) callback;
  final String fontFamily = FontFamily.Arial.toString().split('.')[1];
  double fontSize = 18;
  final Function(bool) selected;
  final bool highlighted = false;
  bool hasFocus() {
    return focusNode.hasFocus;
  }

  StateTextField({@required this.callback,@required this.selected});
  @override
  _StateTextFieldState createState() => _StateTextFieldState();
}

StateTextFieldState extends State<StateTextField>{
   double _fontSize;

   @override
   void initState(){
      super.initState();

      // setting the value from the widget in initialization of the widget to the local variable which will be used to do the increase-decrease operation
      _fontSize = widget.fontSize;
   }

   void increaseFontSize() {
    setState(() => _fontSize += 2);
   }

   void decreasefontSize() {
     if (_fontSize > 0){
       setState(() => _fontSize -= 2);
     }
   }

   //in your widget method, you can perform your operation now in `onTap`
   onTap: () {
     print(_fontSize);
     //call your increase method here to increase
     _increaseFontSize()
  }
}

Сообщите мне, поможет ли это вам в какой-то степени. Спасибо :)

0 голосов
/ 26 мая 2020

создайте файл переменных и импортируйте его в свой main.dart или куда угодно. 

double fontSize = 12;

variable.dart 

Column(
  children: <Widget>[
    TextField(
      style: TextStyle(
        fontSize: fontSize
      )
    ),
    Container(
      width: double.infinity,
      height: 70,
      child: RaisedButton(
        onPressed: (){
          setState((){
            fontSize = fontSize +1; //or fontSize+=1;
          });
        },
        child: Center(
          child: Text("+")
        )
      )
    ),
    Container(
      width: double.infinity,
      height: 70,
      child: RaisedButton(
        onPressed: (){
          setState((){
            fontSize = fontSize -1; //or fontSize-=1;
          });
        },
        child: Center(
          child: Text("-")
        )
      )
    )
  ]
)

main.dart

...