> For the complete documentation index, see [llms.txt](https://triyono.gitbook.io/fluttercheatsheet/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://triyono.gitbook.io/fluttercheatsheet/my-note/responsive-adaptive-layout.md).

# Responsive adaptive layout

```
height: (MediaQuery.of(context).size.height -
        appBar.preferredSize.height -
        MediaQuery.of(context).padding.top) *
    0.4,
```

```
final curScaleFactor = MediaQuery.of(context).textScaleFactor;
```

`textScaleFactor` tells you by how much text output in the app should be scaled. Users can change this in their mobile phone / device settings.

Depending on your app, you might want to consider using this piece of information when setting font sizes.

*Consider this example:*

```
Text('Always the same size!', style: TextStyle(fontSize: 20));
```

This text ALWAYS has a size of `20` device pixels, no matter what the user changed in his / her device settings.

```
Text('This changes!', style: TextStyle(fontSize: 20 * curScaleFactor));
```

This text on the other hand also has a size of `20` if the user didn't change anything in the settings (because `textScaleFactor` by default is `1`). But if changes were made, the font size of this text respects the user settings.