second_page

 avatar
unknown
dart
2 years ago
3.2 kB
2
Indexable
import 'package:flutter/material.dart';

class SecondPage extends StatelessWidget {
  const SecondPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('My App')),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(17),
        child: Column(
          children: [

            Image.asset(
              'assets/Ra.jpg',
              fit: BoxFit.cover,
            ),

            const SizedBox(height: 25,),

            Container(
              padding: const EdgeInsets.all(12),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(15),
                border: Border.all(
                  width: 1,
                  style: BorderStyle.solid,
                ),
                gradient: const LinearGradient(
                  colors: [
                    Color.fromARGB(60, 108, 13, 13),
                    Colors.redAccent,
                  ],
                )
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [ 
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      const Text('BD'),
                      Row(
                        children: const [
                          Icon(Icons.star,color: Color.fromARGB(255, 90, 224, 218),),
                          Text(
                            '99',
                            style: TextStyle(
                              color: Color.fromARGB(255, 92, 220, 226),
                              fontSize: 16,
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                  const Text('Bangladesh'),
                ],
              ),
            ),

            const SizedBox(height: 25,),

            Container(
              padding: const EdgeInsets.all(12),
              decoration: BoxDecoration(
                color: Colors.pinkAccent,
                borderRadius: BorderRadius.circular(15),
                border: Border.all(width: 1),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: [
                  Column(
                    children: const [
                      Icon(Icons.call),
                      Text('CALL'),
                    ],
                  ),
                  Column(
                    children: const [
                      Icon(Icons.safety_check),
                      Text('Safety Check'),
                    ],
                  ),
                  Column(
                    children: const [
                      Icon(Icons.u_turn_left),
                      Text('U Turn Left'),
                    ],
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
Editor is loading...