Specific image scaling

Viewed 31

I am writing an application, the main screen of which will consist of two images – a poster and a panel with buttons at the bottom. I already made the bottom image overlap the top one by 10 pixels. To scale it, I use the fit property: BoxFit.fitWidth. Tell me, please, is it possible to make the widget fit only the upper left corner of the image and at the same time be able to scale?

It should be

how it shouldn't be

Home screen now

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: LayoutBuilder(
          builder: (context, constraints) {
            return Stack(
              children: [
                //Poster Section
                Align(
                  alignment: Alignment.topCenter,
                  child: Container(
                    width: constraints.maxWidth,
                    height: constraints.maxHeight * .92,
                    //color: Colors.blue,
                    child: Image.asset(
                        fit: BoxFit.fill, "images/Captain Clark.png"),
                  ),
                ),

                //Bottom bar section with buttons
                Align(
                  alignment: Alignment.bottomCenter,
                  child: Container(
                    width: constraints.maxWidth,
                    height: constraints.maxHeight * .08 + 8,
                    child: Stack(
                      fit: StackFit.expand,
                      alignment: Alignment.centerLeft,
                      children: [
                        //Panel background
                        Image.asset(fit: BoxFit.fitWidth, "images/Fon1-1.png"),
                        //Row with buttons
                        Row(
0 Answers
Related