ডার্ট
🌈ডার্ট কি?
📋ডার্ট হলো ডেটা রেন্ডার করার পদ্ধতি।
⚒️ডার্ট ডেটা রেন্ডার করতে ব্যবহৃত হয়।
তালিকা রেন্ডার করার উদাহরণ।
dart
void main() {
final fruits = ["আপেল", "আঙ্গুর", "কমলা", "কলা"];
print("<ul>");
for (final fruit in fruits) {
print("<li>$fruit</li>");
}
print("</ul>");
}
কী ও ভ্যালু জোড়া আকারে রেন্ডার করার উদাহরণ।
dart
void main() {
final info = <String, String>{
"নাম": "মোঃ আরিফ",
"দেশ": "বাংলাদেশ"
};
print("<table border='1'>");
info.forEach((key, value) {
print("<tr>");
print("<th>$key</th>");
print("<td>$value</td>");
print("</tr>");
});
print("</table>");
}
নেস্টেড রেন্ডার করার উদাহরণ।
dart
void main() {
final user = <String, dynamic>{
"নাম": "মোঃ আরিফ",
"তথ্য": <String, dynamic>{
"স্বপ্ন": "সফটওয়্যার ইঞ্জিনিয়ার",
"দেশ": "বাংলাদেশ"
}
};
print("<table border='1'>");
print("<tr>");
print("<th>নাম</th>");
print("<td>${user["নাম"]}</td>");
print("</tr>");
print("<tr>");
print("<th>তথ্য</th>");
print("<td>");
print("<table border='1'>");
print("<tr>");
print("<th>স্বপ্ন</th>");
print(
"<td>${user["তথ্য"]["স্বপ্ন"]}</td>"
);
print("</tr>");
print("<tr>");
print("<th>দেশ</th>");
print(
"<td>${user["তথ্য"]["দেশ"]}</td>"
);
print("</tr>");
print("</table>");
print("</td>");
print("</tr>");
print("</table>");
}
বহুমাত্রিক ডেটা রেন্ডার করার উদাহরণ।
dart
void main() {
final users = <List<String>>[
["10", "তানিম", "বাংলাদেশ"],
["11", "জোহান", "নেদারল্যান্ড"],
["12", "হামিদ", "আফগানিস্তান"],
["13", "সাকিব", "বাংলাদেশ"]
];
print("<table border='1'>");
print("<tr>");
print("<th>আইডি</th>");
print("<th>নাম</th>");
print("<th>দেশ</th>");
print("</tr>");
for (final user in users) {
print("<tr>");
print("<td>${user[0]}</td>");
print("<td>${user[1]}</td>");
print("<td>${user[2]}</td>");
print("</tr>");
}
print("</table>");
}
ডার্ট কন্টেন্ট এর অন্তর্ভুক্ত লিংক সমূহ
আরও জানতে লিঙ্ক গুলোতে ভিজিট করুন