Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Title Text is Hidden #29

Closed
nikhiljha opened this issue Mar 21, 2019 · 5 comments
Closed

Title Text is Hidden #29

nikhiljha opened this issue Mar 21, 2019 · 5 comments
Labels
bug Something isn't working question Further information is requested

Comments

@nikhiljha
Copy link

nikhiljha commented Mar 21, 2019

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",
        ),
    ),
    );
  }
}
  1. The text overlaps.

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

Screenshots
Screen Shot 2019-03-21 at 11 39 02 AM

Smartphone (please complete the following information):

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

Additional context
N/A

@aagarwal1012
Copy link
Owner

@nikhiljha, I think you should crop the image, i.e., remove the extra blank space around the image and try again.

@aagarwal1012 aagarwal1012 added the question Further information is requested label Mar 25, 2019
@NathanAP
Copy link

NathanAP commented Mar 25, 2019

This actually seems like a bug. I use this package since last year and only this month these situations started to appear. I have no space around the image and it still gets the title text space...

Edit: here is my example, seems exactly like what is happening on original post.
bug 01

@marloncepeda
Copy link
Contributor

marloncepeda commented Mar 26, 2019

Hi! the solution a your problem is edit the file in the library:

lib/UI/page.dart in widget _TitlePageTransform

padding: 60 to 5.0.

@aagarwal1012
Copy link
Owner

#31 solves this issue.

@aagarwal1012 aagarwal1012 added the bug Something isn't working label Apr 2, 2019
@thomasuebi
Copy link

Title now sticking in the very top border ... is there a way to make it look less ugly?

image

Version 2.6.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working question Further information is requested
Projects
None yet
Development

No branches or pull requests

5 participants