मैं टेक्स्ट के साथ कॉलम को विंडो के दाईं ओर संरेखित करने का प्रयास कर रहा हूं, लेकिन किसी तरह ऐसा नहीं हो रहा है।

MainAxisAlignment.right , CrossAxisAlignment.right के साथ कोशिश की लेकिन किसी तरह मेरे लिए कुछ भी काम नहीं कर रहा है। नीचे मेरा डार्ट कोड है,

class MVTHomePage extends StatelessWidget {


@override
  Widget build(BuildContext context) {
    final height = MediaQuery.of(context).size.height;
    final width = MediaQuery.of(context).size.width;
    return Scaffold(
        body: SingleChildScrollView(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          Container(
            height: 550,
            width: width,
            child: Row(
              children: [
                Lottie.network(
                    'https://assets2.lottiefiles.com/datafiles/6WfDdm3ooQTEs1L/data.json'),
                Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Text("Multivariate Testing"),
                    Text('Run experiments to make key flows more effective.'),
                    // ignore: deprecated_member_use
                    TextButton(
                        onPressed: () {}, child: Text('Create Experiment')),
                  ],
                ),
              ],
            ),
          ),
          Container(
            height: height,
            width: width,
            color: Colors.blueAccent,
          )
        ],
      ),
    ));
  }
}

मैं इसे आउटपुट में देख रहा हूं

My Output Screenshot

0
Darpal Dhyani 12 मई 2021, 19:40
आप उस विजेट के ऊपर Spacer() जोड़ सकते हैं, जिसे आप अंत में रखना चाहते हैं।
 – 
Ashok
12 मई 2021, 19:50

1 उत्तर

सबसे बढ़िया उत्तर

जब आप Row विजेट का उपयोग कर रहे हों,

इसमें mainAxisAlignment: MainAxisAlignment.spaceBetween जोड़ें।

तो आपका कोड इस तरह होना चाहिए

child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween, // <-- Add this
    children: [
        Lottie.network(

जब आपके Row के बच्चों का प्रतिपादन किया जा रहा है, तो इसे MainAxisAlignment.spaceBetween देकर, हम अनिवार्य रूप से Row से कह रहे हैं कि अपने बच्चों को यथासंभव एक-दूसरे से दूर रखें।

2 बच्चों के मामले में, इसका मतलब है कि एक बच्चा सबसे बाईं ओर और दूसरा सबसे दाहिनी ओर।

0
Nisanth Reddy 12 मई 2021, 20:06