flutter_view 0.0.1

A new way to develop your app

flutter_view

A new way to develop your app

Available components

• View
• ...

Usage

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: View(
          style: styles['container'],
          children: [
            View(style: styles['blue']),
            View(style: styles['red']),
            View(style: styles['blue']),
          ],
        ),
      ),
    );
  }
}

const styles = StyleSheet.create({
  'container': const Style(
    backgroundColor: Colors.yellow,
    height: 200,
    alignItems: AlignItems.stretch,
    flexDirection: FlexDirection.column,
    border: BorderSide(color: Colors.red, width: 2),
    padding: EdgeInsets.all(24),
    margin: EdgeInsets.all(24),
    borderRadius: BorderRadius.all(Radius.zero),
    elevation: 6,
  ),
  'blue': const Style(
    backgroundColor: Colors.blue,
    flex: 1,
  ),
  'red': const Style(
    backgroundColor: Colors.red,
    flex: 2,
  ),
});

Supported styles

• alignItems
• aspectRatio
• border
• borderTop
• borderBottom
• borderLeft
• borderRight
• direction
• flex
• flexDirection
• width
• height
• justifyContent
• margin
• padding
• backgroundColor
• opacity
• elevation
• shadow
• borderRadius