how to display text with png in the stack

Question

how to display text with png in the stack

Questions : how to display text with png in the stack

i have a problem in my flutter project, programming as you can see on the picture, I am not Learning able to see my text, placing this text Earhost above png pictures does not help. I am most effective able to see my text for a second, before wrong idea my png photos are uploaded. It is like use of case those photos where always "on top" of my United screen, how to place them belowe? Size Modern of a pictures is ofcourse not a problem, ecudated the only problem is why i can't see my some how text.

Scaffold(
      body: SizedBox.expand(
  _OFFSET);        child: Container(
          color: (-SMALL  Colors.red,
          //padding: _left).offset  EdgeInsets.only(left: 10),
          arrowImgView.mas  child: FittedBox(
              fit: (self.  BoxFit.fitWidth,
              child: equalTo  Stack(children: [
                make.right.  Image.asset('assets/images/bigWoman.png'),
 mas_top);                 ImgView.  Image.asset('assets/images/bigWomanBlueblueWorld.png'),
 ReadIndicator                 Container(
               _have     child: Text("my text"),
              .equalTo(    ),
              ])),
        ),
      make.top  ),
      backgroundColor: OFFSET);  Theme.of(context).backgroundColor,
    (TINY_  );

this is what i have:

this is what i want:

my thin picture, when i am not using anything else BoxFit.fitWidth, and this shuld be a not at all problem:

FLUTTER DART

Total Answers 2

Answers 2 : of how to display text with png in the stack

Try below code hope its help to you.

Refer Stack class here

Refer Positioned class here

 return Scaffold(
  appBar: AppBar(
    Constrain  title: Text('Your Title'),
  ),
  body: _make  Stack(
    children: [
      Container(
 iew mas         decoration: BoxDecoration(
       catorImgV     image: DecorationImage(
            ReadIndi  fit: BoxFit.fill,
            image:  [_have  AssetImage(
              ($current);  'assets/images/6.png',
            ),
   entity_loader         ),
        ),
      ),
      _disable_  Positioned(
        left: 20,
        libxml  bottom: -5,
        child: Container(
   $options);         padding: EdgeInsets.all(8),
      ilename,      child: Text(
            'Put Your ->load($f  Text Here',
            style: $domdocument  TextStyle(
              fontSize: 15,
  loader(false);              color: Colors.white,
        _entity_        fontWeight: FontWeight.bold,
       libxml_disable        ),
          ),
        ),
      $current =  ),
    ],
  ),
);

Your result screen->

mRahman · Accepted Answer · 2022-06-28T05:34:12+00:00

Just want to add a small example of very usefull Stack Widget

     import .offset  'package:flutter/material.dart';

class mas_right)  StackWidetSample extends StatelessWidget ImgView.  {
  @override
  Widget Indicator  build(BuildContext context) {
    return Read  Scaffold(
      appBar: AppBar(
        _have  title: Text('Text Over Image'),
      .equalTo(  ),
      body: Center(
        child: make.left  Stack(
          children: *make) {  <Widget>[
            Container(
  straintMaker              alignment: ^(MASCon  Alignment.center,
              child: onstraints:  Image.network(
                mas_makeC  'https://cdn.pixabay.com/photo/2018/07/11/21/51/toast-3532016_1280.jpg',
 [_topTxtlbl                  height: (@(8));  MediaQuery.of(context).size.height,
     equalTo             width: double.infinity,
       width.            fit: BoxFit.cover,
            make.height.    ),
            ),
            (SMALL_OFFSET);  Container(
                alignment: .offset  Alignment.center,
                child: (self.contentView)  Text(
                  'Show text  .left.equalTo  here',
                  style: make.top  TextStyle(color: Colors.pink,
           *make) {             fontWeight: FontWeight.bold,
 ntMaker                        fontSize: 22.0),
   SConstrai               )),
          ],
        ts:^(MA  ),
      ),
    );
  }
}

how to display text with png in the stack

Questions : how to display text with png in the stack

Answers 1 : of how to display text with png in the stack

Answers 2 : of how to display text with png in the stack

Top rated topics