I added a pageBackground to be able to use a widget and not just a color (pageColor) as a background. I updated the readme but I not sure about the version update. This addresses #62

Flutter version 2 with intro_views_flutter Hello After I update Flutter SDK to version 2 I get this error in intro_views_flutter plugin Error: No named parameter with the name 'resizeToAvoidBottomPadding'.

pubspec.yaml intro_views_flutter: ^2.8.2

Console

C:\Users\wael1\AndroidStudioProjects\stem_cells>flutter build apk

Building without sound null safety For more information see https://dart.dev/null-safety/unsound-null-safety

/C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/intro_views_flutter-2.8.2/lib/intro_views_flutter.dart:237:7: Error: No named parameter with the name 'resizeT oAvoidBottomPadding'. resizeToAvoidBottomPadding: false, ^^^^^^^^^^^^^^^^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/material/scaffold.dart:1451:9: Context: Found this candidate, but the arguments don't match. const Scaffold({ ^^^^^^^^

FAILURE: Build failed with an exception.

• Where: Script 'C:\src\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 991

• What went wrong: Execution failed for task ':app:compileFlutterBuildRelease'.

Process 'command 'C:\src\flutter\bin\flutter.bat'' finished with non-zero exit value 1

• Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 14m 9s Running Gradle task 'assembleRelease'... Running Gradle task 'assembleRelease'... Done 851.7s Gradle task assembleRelease failed with exit code 1

Hi 👋 ,

there are rather big PR - that we improved different things: UI elements now look cleaner, added arrows so users not get confused that they need to swipe, move to the next page on swipe, more, allow to specify percentPerMilisecon, fix overlaps on dots at the bottom of the screen, move buttons to the top.

Please take a look - maybe it will be useful to merge those changes.

When used on devices with display cutouts the title is placed to high on the screen. This PR adds a SafeArea and adjusts flexible layouts to align title in accordance with display cutouts.

Stops users from being able to slide across the screen (from the left edge) to go back to intro views from the HomePage.

May be worth mentioning in the documentation or have commented it in the example.

Runs Firebase preview CI workflow only on the upstream repository branches so we don't get failing checks, which might be confusing.

Test PR from my forked repo #100.

Pull Request Process

1. Ensure any install or build dependencies are removed before the end of the layer when doing a build.
2. Update the README.md if needed with details of changes to the interface, this includes new environment variables, exposed ports, useful file locations and container parameters.
3. Increase the version numbers in any examples files and the README.md to the new version that this Pull Request would represent. The versioning scheme we use is SemVer.
4. You may merge the Pull Request in once you have the sign-off of one developer, or if you do not have permission to do that, you may request the second reviewer to merge it for you.

This adds two new properties to PageViewModel, titleTextStyle and bodyTextStyle, allowing them to be configured separately. This keeps the textStyle property as well so the API remains compatible with old versions. Have updated the README and example too. Thanks for the amazing library btw, really loving using it! Let me know of any additional steps that need to be done to take this forward.

Describe the bug The title text of the page is sometimes hidden.

To Reproduce Steps to reproduce the behavior:

1. Get an SVG from Undraw.co
2. Display the SVG like so...

class Intro extends StatelessWidget {
  final pageList = [
    PageViewModel(
      pageColor: const Color(0xFF607D8B),
      iconImageAssetPath: 'assets/baseline_alarm_black_24dp.png',
      //iconColor: null,
      //bubbleBackgroundColor: null,
      body: Text(
        'Testing',
      ),
      title: Text('Scheduling'),
      mainImage: SvgPicture.asset(
        'assets/timemng.svg',
        height: 285.0,
        width: 285.0,
        alignment: Alignment.center,
      ),
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: IntroViewsFlutter(
      pageList,
      onTapDoneButton: (){
        //Void Callback
      },
      showSkipButton: true,
      pageButtonTextStyles: new TextStyle(
          color: Colors.white,
          fontSize: 18.0,
          fontFamily: "Regular",
        ),
    ),
    );
  }
}

3. The text overlaps.

Expected behavior The text should be "on top of" the SVG.

Screenshots

Smartphone (please complete the following information):

• Device: [e.g. iPhone6] iPhone XR (Emulator)
• OS: [e.g. iOS8.1] 12.1

Additional context N/A

When orientation is switched to landscape mode the flutter overflow black and yellow bar is shown.

To Reproduce Steps to reproduce the behavior:

1. Change device orientation to landscape while viewing Intro-Views

Expected behavior

It would be preferable if the layout changed to fit title, image and controls.

3.1.0

• Added new pageBackground property to the PageViewModel, which sets a widget as a background of the whole page (pageColor has priority over this).
• Arguments title, body and mainImage are no longer required and can be omitted.

Hi Ayush,

Can you fix the problem with Lotties animations please toy can see the glitch in attached video: https://user-images.githubusercontent.com/6507433/168632260-6055c1b7-a543-4027-9682-593d01ccd462.mp4

Thanks in advance!

@Jayson1999 Please try it now if it works.

Yes, it's working fine with the bubble layout already. However on vertical view, the bubble layouts are still not entirely centered while translating. On horizontal's case, it's perfectly centered.

you mean it's not vertically centered with the Text Buttons, or ?

Active bubble on the screen, the red lines below show the center point.

Originally posted by @Jayson1999 in https://github.com/aagarwal1012/IntroViews-Flutter/issues/96#issuecomment-859452486

Is your feature request related to a problem? Please describe. in an arabic app i cant swipe in the desired direction

Describe the solution you'd like the right swipe in an arabic app goes left and vise versa i

Describe alternatives you've considered i would like to add RTL support for swiping in views

First! Thank for your package. It saves me a lot of time. Hope I can help you with this "Request"

--> This is my code

...
void animationToPage(int page) {
    nextPageIndex = page;
    animatedPageDragger = AnimatedPageDragger(
      slideDirection: activePageIndex > nextPageIndex
          ? SlideDirection.leftToRight
          : SlideDirection.rightToLeft,
      transitionGoal: TransitionGoal.open,
      slidePercent: slidePercent,
      slideUpdateStream: slideUpdateStream,
      vsync: this,
    );
    animatedPageDragger.run();
  }
...

  void onPressedBack() {
    animationToPage(max(0, activePageIndex - 1));
  }

  void onPressedNext() {
    animationToPage(min(widget.pages.length - 1, activePageIndex + 1));
  }

  void onPressedSkip() {
    animationToPage(widget.pages.length - 1);
  }
...

Hi, I wanted to use this package one week ago but I couldn't because setState doesn't work and reading the package's issues, you wrote that you couldn't find the problem.

I was doing my own package and faced the same problem. I fixed it by moving the initState logic to build method. The problem is when you use setState in parent, child isn't created again and initState isn't called. If you move that crucial logic to build (or maybe another better place), it will work.