Saya mencoba menyelaraskan kolom dengan teks ke sisi paling kanan jendela tetapi entah bagaimana itu tidak terjadi.

Mencoba dengan MainAxisAlignment.right , CrossAxisAlignment.right tetapi entah bagaimana tidak ada yang berhasil untuk saya. Di bawah ini adalah kode Dart saya,

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,
          )
        ],
      ),
    ));
  }
}

Saya melihat ini di output

My Output Screenshot

0
Darpal Dhyani 12 Mei 2021, 19:40

1 menjawab

Jawaban Terbaik

Saat Anda menggunakan widget Row,

Tambahkan mainAxisAlignment: MainAxisAlignment.spaceBetween ke dalamnya.

Jadi kode Anda harus seperti ini

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

Ketika anak-anak Row Anda sedang dirender, dengan memberikan MainAxisAlignment.spaceBetween, kami pada dasarnya memberi tahu Row untuk menempatkan anak-anaknya sejauh mungkin satu sama lain.

Dalam kasus 2 anak, itu berarti 1 anak di paling kiri dan lainnya di paling kanan.

0
Nisanth Reddy 12 Mei 2021, 17:06