संरेखित करने के लिए कैसे circleAvatar पर एक पृष्ठभूमि छवि

Question 1

यहाँ है मेरे कोड.. मैं यहाँ करना चाहते हैं CircleAvatar पर कि पृष्ठभूमि छवि ।

     body: SingleChildScrollView(
      child: Stack(
      children: [
        Column(
          children: [
            CircleAvatar(
              backgroundImage: AssetImage('images/images.jpg'),
            ),
            Image(
              image: AssetImage('images/flutter.jpg'),
            ),
            label('First Name'),
            label('Second name'),
            label('Email-id'),
            label('Passowrd'),
            label('Confirm passowrd'),
               ],
               ),
             ],
            ),
          ),
        backgroundColor: Colors.white,
      );
   }
 }

और एक बात देने के लिए कैसे करने के लिए ढाल के appBar. अग्रिम धन्यवाद.!

Question 2

की कोशिश करो

Container(
    decoration: BoxDecoration(
        image: DecorationImage(
            image: AssetImage('images/flutter.jpg'),
            fit: BoxFit.cover,
            ),
        ),
        child: Padding(
             padding: const EdgeInsets.all(8.0),
             child: CircleAvatar(
                backgroundImage: AssetImage('images/images.jpg'),
                ),
            ),
),

के बजाय

CircleAvatar(
    backgroundImage: AssetImage('images/images.jpg'),
),
Image(
    image: AssetImage('images/flutter.jpg'),
    ),

और के लिए gredient एप्लिकेशन बार आप का उपयोग कर सकते हैं https://pub.dev/packages/new_gradient_app_bar

Question 3

Appbar विजेट नहीं है ढाल विकल्प अभी तक है, लेकिन आप इसे जोड़ सकते हैं इस तरह:

appBar: AppBar(
  centerTitle: true,
    title: Text('title'),
    flexibleSpace: Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: <Color>[
          Colors.red,
          Colors.blue
        ])          
     ),        
 ),      
)

Question 4

आप का उपयोग नहीं किया था ढेर के रूप में आप की जरूरत है. आप की जरूरत का निर्माण करने के लिए ढेर के अंतर्गत स्तंभ का उपयोग कर के साथ position

SingleChildScrollView(
        child: Column(
          children: [
            Stack(
              children: [
                SizedBox(
                  height: 200,
                  width: double.infinity,
                  child: Image(
                    image: AssetImage('images/profile.png'),
                  ),
                ),
                Positioned(
                  bottom: 0,
                  left: MediaQuery.of(context).size.width / 2 - 20,
                  child: CircleAvatar(
                    backgroundImage: AssetImage('images/profile.png'),
                  ),
                ),
              ],
            ),
            Text('First Name'),
            Text('Second name'),
            Text('Email-id'),
            Text('Passowrd'),
            Text('Confirm passowrd')
          ],
        ),
      )

Hüseyin Gözübenli · Answer 1 · 2021-11-24T06:22:36

की कोशिश करो

Container(
    decoration: BoxDecoration(
        image: DecorationImage(
            image: AssetImage('images/flutter.jpg'),
            fit: BoxFit.cover,
            ),
        ),
        child: Padding(
             padding: const EdgeInsets.all(8.0),
             child: CircleAvatar(
                backgroundImage: AssetImage('images/images.jpg'),
                ),
            ),
),

के बजाय

CircleAvatar(
    backgroundImage: AssetImage('images/images.jpg'),
),
Image(
    image: AssetImage('images/flutter.jpg'),
    ),

और के लिए gredient एप्लिकेशन बार आप का उपयोग कर सकते हैं https://pub.dev/packages/new_gradient_app_bar

Rohith Nambiar · Answer 2 · 2021-11-24T06:13:39

Appbar विजेट नहीं है ढाल विकल्प अभी तक है, लेकिन आप इसे जोड़ सकते हैं इस तरह:

appBar: AppBar(
  centerTitle: true,
    title: Text('title'),
    flexibleSpace: Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: <Color>[
          Colors.red,
          Colors.blue
        ])          
     ),        
 ),      
)

Jahidul Islam · Answer 3 · 2021-11-24T06:34:21

आप का उपयोग नहीं किया था ढेर के रूप में आप की जरूरत है. आप की जरूरत का निर्माण करने के लिए ढेर के अंतर्गत स्तंभ का उपयोग कर के साथ position

SingleChildScrollView(
        child: Column(
          children: [
            Stack(
              children: [
                SizedBox(
                  height: 200,
                  width: double.infinity,
                  child: Image(
                    image: AssetImage('images/profile.png'),
                  ),
                ),
                Positioned(
                  bottom: 0,
                  left: MediaQuery.of(context).size.width / 2 - 20,
                  child: CircleAvatar(
                    backgroundImage: AssetImage('images/profile.png'),
                  ),
                ),
              ],
            ),
            Text('First Name'),
            Text('Second name'),
            Text('Email-id'),
            Text('Passowrd'),
            Text('Confirm passowrd')
          ],
        ),
      )

संरेखित करने के लिए कैसे circleAvatar पर एक पृष्ठभूमि छवि

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में