मध्ये 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 अंतर तयार करण्यासाठी आणि तुमच्या UI मधील घटकांची स्थिती समायोजित करण्यासाठी हे उपयुक्त साधन आहे Flutter. वापरून Padding, तुम्ही तुमच्या अनुप्रयोगासाठी अधिक आकर्षक आणि सु-संरचित मांडणी तयार करू शकता.