flutter – Padding background color

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
      MaterialApp(
          theme: ThemeData(primarySwatch: Colors.blue),
          home: Scaffold(
              appBar: AppBar(
                  title: const Text("Flutter - Padding Background Color")
              ),
              body: bodyContent(),
              backgroundColor: Colors.blue.shade50
          )
      )
  );
}

bodyContent(){
  return Container(
      padding: const EdgeInsets.symmetric(
          horizontal: 32, vertical: 64
      ),
      color: Colors.purple.shade100, // padding background color
      alignment: Alignment.center,
      child: Container( // widget that need colored padding
          width: double.infinity,
          height: double.infinity,
          color: Colors.pink
      )
  );
}

More flutter tutorials

• flutter – Table cell vertical alignment
• flutter – Table symmetric border
• flutter – Table horizontal inside border
• flutter – Table row decoration
• flutter – For loop inside widget children
• flutter – How to create ExpansionPanelList
• flutter – ExpansionPanelList example
• flutter – Remove ExpansionTile border
• flutter – ExpansionTile color
• flutter – ExpansionTile remove trailing icon
• flutter – How to use Padding widget
• flutter – Padding percentage
• flutter – MediaQuery screen size
• flutter – MediaQuery width and height
• flutter – Widget size in percentage