我正在使用TextField
缩放Transform.scale()
。 TextField
会按预期缩放,但光标和编辑选项视图也会被裁剪。
void _incrementCounter() {
setState(() {
_scaleFactor = _scaleFactor + 0.3;
});
}
void _deccrementCounter() {
setState(() {
_scaleFactor = _scaleFactor - 0.3;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Transform.scale(
scale: _scaleFactor,
child: Center(
child:
Container(color: Colors.red, width: 400, child: TextField()),
)),
),
floatingActionButton: Row(children: <Widget>[
FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.zoom_in),
),
FloatingActionButton(
onPressed: _deccrementCounter,
tooltip: 'decrement',
child: Icon(Icons.zoom_out),
),
]),
);
}
正常比例
2.0规模
如何克服光标指针和编辑选项的缩放比例?