1

I have a very simple flutter app which render a TextField in the middle of screen. Here's widget tree: MaterialApp > Scaffold > Center > Padding> RepaintBoundary > TextField enter image description here

enter image description here

Here is the screen when the app just started, everything ok, repaint border show on everything on the first render enter image description here

But when I tap on the TextField, the keyboard open, entire screen is repainted and 1 strange thing happen: The entire screen is covered by raster-cache checkerboard? enter image description here

From there, every time I change the cursor position or change the text in TextField, the raster-cache checkerboard which cover the entire screen update to a different color. The TextField gets repainted ( which is normal) but the entire screen also gets repainted too which is strange because I already wrap the TextField in RepaintBoundary? You can see the repaint border on TextField and the entire screen has been updated to new color.

enter image description here

Here's what happen on the timeline every time I updated the textfield: enter image description here

My question is: why did the entire get raster-cached and repainted when I focus the TextField or update the cursor position?

duy bui
  • 41
  • 1
  • 7

0 Answers0