close

Background பயன்படுத்துவதற்கான வழிகாட்டி Flutter

Flutter பயன்பாட்டு மேம்பாட்டில், கவர்ச்சிகரமான மற்றும் உள்ளடக்க-இணக்கமான பயனர் இடைமுகங்களை உருவாக்குவதில் பயன்படுத்துதல் ஒரு background முக்கிய பகுதியாகும். Background வண்ணங்கள், படங்கள் அல்லது சாய்வுகளாக கூட இருக்கலாம். இந்த கட்டுரையில், ஈர்க்கக்கூடிய இடைமுக வடிவமைப்புகளை எவ்வாறு உருவாக்குவது background என்பதைப் பற்றி ஆராய்வோம். Flutter

என நிறம் Background

background விட்ஜெட் அல்லது திரையை அமைக்க நீங்கள் வண்ணத்தைப் பயன்படுத்தலாம் .

இங்கே ஒரு உதாரணம்:

Container(  
  color: Colors.blue, // Blue color as background  
  child: YourWidgetHere(),  
)

என் வயது Background

நீங்கள் ஒரு படத்தையும் பயன்படுத்தலாம் background. படத்தைச் சேர்க்க DecorationImage உள்ளே பயன்படுத்தவும்: BoxDecoration 

Container(  
  decoration: BoxDecoration(  
    image: DecorationImage(  
      image: AssetImage('assets/background.jpg'), // Path to the image  
      fit: BoxFit.cover, // Display the image fully within the frame  
   ),  
 ),  
  child: YourWidgetHere(),  
)

Gradient என Background

A gradient என்பது background வண்ணங்களைக் கலந்து, வண்ண மாற்றங்களை உருவாக்கும் வகையாகும். நீங்கள் பயன்படுத்தலாம் LinearGradient அல்லது RadialGradient:

Container(  
  decoration: BoxDecoration(  
    gradient: LinearGradient(  
      colors: [Colors.red, Colors.yellow], // Gradient color array  
      begin: Alignment.topCenter, // Starting point of the gradient
      end: Alignment.bottomCenter, // Ending point of the gradient  
   ),  
 ),  
  child: YourWidgetHere(),  
)

முடிவுரை:

இணக்கமான மற்றும் ஈர்க்கக்கூடிய இடைமுகங்களை உருவாக்குவதில் எய்ட்ஸில் background பயன்படுத்துதல். Flutter வண்ணங்கள், படங்கள் அல்லது சாய்வுகளைப் பயன்படுத்துவதன் மூலம், உங்கள் பயன்பாட்டிற்கான பல்வேறு மற்றும் தனிப்பயனாக்கப்பட்ட இடைமுக அனுபவங்களை நீங்கள் உருவாக்கலாம்.