Flutter AutoResizeTextView, setting high fontSize overflows
In Android, we can use AutoResizeTextView and give it any text size of our choice, it will not flow out of its constraints, I was looking for similar solution in Flutter.
I tried following,
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: Text("8", style: TextStyle(fontSize: 400.0)),
);
Here is the ugly output. So, how can I force the Text to always stay inside the Container no matter how much fontSize is given to it
dart
flutter asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
add a comment |
In Android, we can use AutoResizeTextView and give it any text size of our choice, it will not flow out of its constraints, I was looking for similar solution in Flutter.
I tried following,
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: Text("8", style: TextStyle(fontSize: 400.0)),
);
Here is the ugly output. So, how can I force the Text to always stay inside the Container no matter how much fontSize is given to it
dart
flutter asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
FittedBox? "Scales and positions its child within itself according to fit."
– pskink
Nov 17 '18 at 9:33
How can I specify the height inFittedBox()? Do I have to wrap it inContainer()?
– Volley Ball
Nov 17 '18 at 9:33
Worked. I wrapped that it in Container(), can you write it down as the answer, I will accept it.
– Volley Ball
Nov 17 '18 at 9:36
add a comment |
In Android, we can use AutoResizeTextView and give it any text size of our choice, it will not flow out of its constraints, I was looking for similar solution in Flutter.
I tried following,
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: Text("8", style: TextStyle(fontSize: 400.0)),
);
Here is the ugly output. So, how can I force the Text to always stay inside the Container no matter how much fontSize is given to it
dart
flutter asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
In Android, we can use AutoResizeTextView and give it any text size of our choice, it will not flow out of its constraints, I was looking for similar solution in Flutter.
I tried following,
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: Text("8", style: TextStyle(fontSize: 400.0)),
);
Here is the ugly output. So, how can I force the Text to always stay inside the Container no matter how much fontSize is given to it
dart
flutter dart
flutter asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
asked Nov 17 '18 at 8:58
Volley BallVolley Ball
631216
631216
FittedBox? "Scales and positions its child within itself according to fit."
– pskink
Nov 17 '18 at 9:33
How can I specify the height inFittedBox()? Do I have to wrap it inContainer()?
– Volley Ball
Nov 17 '18 at 9:33
Worked. I wrapped that it in Container(), can you write it down as the answer, I will accept it.
– Volley Ball
Nov 17 '18 at 9:36
add a comment |
FittedBox? "Scales and positions its child within itself according to fit."
– pskink
Nov 17 '18 at 9:33
How can I specify the height inFittedBox()? Do I have to wrap it inContainer()?
– Volley Ball
Nov 17 '18 at 9:33
Worked. I wrapped that it in Container(), can you write it down as the answer, I will accept it.
– Volley Ball
Nov 17 '18 at 9:36
FittedBox? "Scales and positions its child within itself according to fit."– pskink
Nov 17 '18 at 9:33
FittedBox? "Scales and positions its child within itself according to fit."– pskink
Nov 17 '18 at 9:33
How can I specify the height in
FittedBox()? Do I have to wrap it in Container()?– Volley Ball
Nov 17 '18 at 9:33
How can I specify the height in
FittedBox()? Do I have to wrap it in Container()?– Volley Ball
Nov 17 '18 at 9:33
Worked. I wrapped that it in Container(), can you write it down as the answer, I will accept it.
– Volley Ball
Nov 17 '18 at 9:36
Worked. I wrapped that it in Container(), can you write it down as the answer, I will accept it.
– Volley Ball
Nov 17 '18 at 9:36
add a comment |
1 Answer
1
active
oldest
votes
Thanks to pskink,
I need to wrap the Text inside FittedBox which is further wrapped inside a Container. Here is the solution.
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: FittedBox(child: Text("8", style: TextStyle(fontSize: 400.0))),
);
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53349710%2fflutter-autoresizetextview-setting-high-fontsize-overflows%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks to pskink,
I need to wrap the Text inside FittedBox which is further wrapped inside a Container. Here is the solution.
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: FittedBox(child: Text("8", style: TextStyle(fontSize: 400.0))),
);
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
add a comment |
Thanks to pskink,
I need to wrap the Text inside FittedBox which is further wrapped inside a Container. Here is the solution.
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: FittedBox(child: Text("8", style: TextStyle(fontSize: 400.0))),
);
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
add a comment |
Thanks to pskink,
I need to wrap the Text inside FittedBox which is further wrapped inside a Container. Here is the solution.
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: FittedBox(child: Text("8", style: TextStyle(fontSize: 400.0))),
);
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
Thanks to pskink,
I need to wrap the Text inside FittedBox which is further wrapped inside a Container. Here is the solution.
Container(
color: Colors.blue,
constraints: BoxConstraints(maxHeight: 200.0, minWidth: 600.0),
child: FittedBox(child: Text("8", style: TextStyle(fontSize: 400.0))),
);
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
answered Nov 17 '18 at 9:43
Volley BallVolley Ball
631216
631216
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
add a comment |
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
@pskink, you can write it down as answer too, I will accept yours not mine.
– Volley Ball
Nov 17 '18 at 9:44
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53349710%2fflutter-autoresizetextview-setting-high-fontsize-overflows%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
FittedBox? "Scales and positions its child within itself according to fit."– pskink
Nov 17 '18 at 9:33
How can I specify the height in
FittedBox()? Do I have to wrap it inContainer()?– Volley Ball
Nov 17 '18 at 9:33
Worked. I wrapped that it in Container(), can you write it down as the answer, I will accept it.
– Volley Ball
Nov 17 '18 at 9:36