flutter adding a clock widget to column

Question

I have to use the clock wizard in flutter which works fine if insert directly inside body but i want to use it inside a column but it shows error. i've tried to use it as another stateful widget and calling inside children of column but still got error. Any help..???

import 'package:analog_clock_example/demo.dart';
import 'package:flutter/material.dart';

import 'package:analog_clock/analog_clock.dart';

void main() => runApp(MyApp());
//void main() => runDemo();

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) => MaterialApp(
          home: Scaffold(
        body: AnalogClock(),
      ));
}

share your code and also output – Programmer_3 Aug 29 '20 at 15:26 — Programmer_3, Aug 29 '20 at 15:26

Shri Hari L · Accepted Answer · 2020-08-29T15:54:41.213

1

I think it would have thrown you an error because you could have not set its constraints.
Try something like this,

import 'package:analog_clock_example/demo.dart';
import 'package:flutter/material.dart';

import 'package:analog_clock/analog_clock.dart';

void main() => runApp(MyApp()); 

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) => MaterialApp(
          home: Scaffold(
          body: Column(
               children: [
                  Container(
                    height: 300.0,       // Missing Constraints
                    width: 300.0,
                    child: AnalogClock(),
                 ),
             ],
          ),
      ),
    );
}

Make sure you stop and run it again and not doing Hot Reload. Hope that works!

edited Aug 29 '20 at 15:54

answered Aug 29 '20 at 15:26

Shri Hari L

4,551
2
6
18

to fill all the available space i think using `crossAxisAlignment:CrossAxisAlignment.stretch ` would set it's constraints to the max width available – RegularGuy Aug 29 '20 at 15:31
RenderCustomMultiChildLayoutBox object was given an infinite size during layout. – Abhishek S Aug 29 '20 at 15:47
I have updated the answer! @AbhishekS Is that working now? – Shri Hari L Aug 29 '20 at 15:55
Yeah I tried SizedBox with specified height and width that worked. Anyway Thanks – Abhishek S Aug 30 '20 at 04:36

flutter adding a clock widget to column

1 Answers1