İçeriğe geç
English
Tüm örnekler

md'de düzen değişimi

Biri telefonda, biri tablette gizlenen iki blok; hidden md:flex ile.

  • WDiv
önizleme
responsive_md_visibility.dart 
// Hidden on mobile, Flex on MD (768px) and up
WDiv(
  className: '''
    hidden md:flex w-64 h-24 bg-blue-500
    text-white items-center justify-center rounded
  ''',
  children: [Text("Desktop / Tablet (MD+)")],
),

// Flex on mobile, Hidden on MD and up
WDiv(
  className: '''
    flex md:hidden w-64 h-24 bg-red-500
    text-white items-center justify-center rounded
  ''',
  children: [Text("Mobile (Small)")],
)
17 satır Playground'da aç Dokümandan: Responsive design

Benzer örnekler

  • Öne çıkan

    Ayarlar kartı

    Kenarlığı, gölgesi ve her renk için dark: karşılığı olan bir kart.

    • WCard
    • WText

  • Responsive başlık

    Soluk bir alt başlığın üstünde sm: ile büyüyen, dark: rengi olan bir başlık.

    • WDiv
    • WText