Change Events

lib/screens/onboarding/widget/onboarding_content.dart

@@ -16,6 +16,7 @@ class OnboardingContent extends StatelessWidget {
     return SafeArea(
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.center,
+        spacing: 20,
         children: [
           Expanded(
             flex: 4,
@@ -36,22 +37,20 @@ class OnboardingContent extends StatelessWidget {
       controller: controller,
       children: DataConstants.onboardingTiles,
       onPageChanged: (index) {
-        bloc.add(PageSwipedEvent(index: index));
+        bloc.add(PageChangedEvent(index: index));
       },
     );
   }
 
   Widget _createStatic(OnboardingBloc bloc) {
     return Column(
+      spacing: 10,
       children: [
-        SizedBox(
-          height: 30,
-        ),
         BlocBuilder<OnboardingBloc, OnboardingState>(
           buildWhen: (_, currState) => currState is PageChangedState,
           builder: (context, state) {
             return DotsIndicator(
-              dotsCount: 3,
+              dotsCount: DataConstants.onboardingTiles.length,
               position: bloc.pageIndex.toDouble(),
               decorator: DotsDecorator(
                 color: Colors.grey,
@@ -60,7 +59,6 @@ class OnboardingContent extends StatelessWidget {
             );
           },
         ),
-        Spacer(),
         BlocBuilder<OnboardingBloc, OnboardingState>(
           buildWhen: (_, currState) => currState is PageChangedState,
           builder: (context, state) {
@@ -69,7 +67,7 @@ class OnboardingContent extends StatelessWidget {
                 tween: Tween<double>(begin: 0, end: percent),
                 duration: Duration(seconds: 1),
                 builder: (context, value, _) => CircularPercentIndicator(
-                  radius: 110,
+                  radius: 60,
                   backgroundColor: ColorConstants.primaryColor,
                   progressColor: Colors.white,
                   percent: 1 - value,
@@ -79,7 +77,7 @@ class OnboardingContent extends StatelessWidget {
                     child: RawMaterialButton(
                       shape: CircleBorder(),
                       onPressed: () {
-                        bloc.add(PageChangedEvent());
+                        bloc.add(PageChangedEvent(index: 2));
                       },
                       child: Padding(
                         padding: const EdgeInsets.all(24.0),
@@ -94,7 +92,6 @@ class OnboardingContent extends StatelessWidget {
                 ));
           },
         ),
-        SizedBox(height: 30),
       ],
     );
   }