Padding ਵਿੱਚ ਵਰਤਣ ਲਈ ਗਾਈਡ Flutter

ਵਿੱਚ Flutter, Padding ਤੁਹਾਡੇ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਵਿੱਚ ਤੱਤਾਂ ਦੇ ਵਿਚਕਾਰ ਵਿੱਥ ਬਣਾਉਣ ਲਈ ਇੱਕ ਜ਼ਰੂਰੀ ਸਾਧਨ ਹੈ। ਇਹ ਤੁਹਾਨੂੰ ਵਧੇਰੇ ਦਿੱਖ ਰੂਪ ਵਿੱਚ ਆਕਰਸ਼ਕ ਅਤੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਖਾਕਾ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। Padding ਇਹ ਲੇਖ ਤੁਹਾਡੀ Flutter ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਤੱਤਾਂ ਦੇ ਵਿਚਕਾਰ ਸਪੇਸਿੰਗ ਬਣਾਉਣ ਲਈ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ ਇਸ ਬਾਰੇ ਤੁਹਾਡੀ ਅਗਵਾਈ ਕਰੇਗਾ ।

ਮੁੱਢਲੀ ਵਰਤੋਂ

Padding widget ਜਿਸਨੂੰ ਤੁਸੀਂ ਆਲੇ-ਦੁਆਲੇ ਸਪੇਸਿੰਗ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ ਨੂੰ ਸਮੇਟ ਕੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ । ਹੇਠਾਂ ਦਿੱਤਾ ਗਿਆ ਹੈ ਕਿ ਤੁਸੀਂ ਆਲੇ ਦੁਆਲੇ Padding ਜੋੜਨ ਲਈ ਕਿਵੇਂ ਵਰਤ ਸਕਦੇ ਹੋ: padding widget

Padding(
  padding: EdgeInsets.all(16.0), // Adds 16 points of padding around the child widget  
  child: YourWidgetHere(),  
)  

ਵਿੱਥ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ

ਤੁਸੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਹਰੇਕ ਪਾਸੇ(ਖੱਬੇ, ਸੱਜੇ, ਉੱਪਰ, ਹੇਠਾਂ, ਲੰਬਕਾਰੀ, ਖਿਤਿਜੀ) ਲਈ ਸਪੇਸਿੰਗ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ EdgeInsets:

Padding(
  padding: EdgeInsets.only(left: 10.0, right: 20.0), // Adds 10 points of padding on the left and 20 points on the right  
  child: YourWidgetHere(),  
)  

Padding(
  padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0), // Adds vertical and horizontal padding  
  child: YourWidgetHere(),  
)  

ਲੇਆਉਟ ਨਾਲ ਜੋੜਨਾ

Padding Column ਅਕਸਰ, Row, ListView, ਆਦਿ ਵਰਗੇ ਲੇਆਉਟ ਵਿੱਚ ਵਿਜੇਟਸ ਦੇ ਵਿਚਕਾਰ ਸਪੇਸਿੰਗ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।

Column(  
  children: [  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 1'),  
   ),  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 2'),  
   ),  
    // ...  
  ],  
)  

ਆਕਾਰ ਦੇ ਨਾਲ ਲਚਕਤਾ

Padding ਨਾ ਸਿਰਫ ਸਪੇਸਿੰਗ ਜੋੜਦਾ ਹੈ ਬਲਕਿ ਹਾਸ਼ੀਏ ਦੇ ਸਮਾਨ ਪ੍ਰਭਾਵ ਵੀ ਬਣਾ ਸਕਦਾ ਹੈ। ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ Padding, ਇਹ ਦੇ ਬਾਹਰ ਸਪੇਸ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰਦਾ widget ।

 

ਸਿੱਟਾ:

Padding Flutter ਤੁਹਾਡੇ UI ਵਿੱਚ ਵਿੱਥ ਬਣਾਉਣ ਅਤੇ ਤੱਤਾਂ ਦੀ ਸਥਿਤੀ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਲਈ ਇੱਕ ਉਪਯੋਗੀ ਸਾਧਨ ਹੈ । ਦੀ ਵਰਤੋਂ ਕਰਕੇ Padding, ਤੁਸੀਂ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਵਧੇਰੇ ਆਕਰਸ਼ਕ ਅਤੇ ਚੰਗੀ ਤਰ੍ਹਾਂ ਢਾਂਚਾਗਤ ਖਾਕਾ ਬਣਾ ਸਕਦੇ ਹੋ।