Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Reduce height pagination

See original GitHub issue

How can I reduce height of pagination ? Because when I put style and change the height attribute the dots disappear.

Have you followed the required steps before opening a bug report?

(Check the step you’ve followed - put an x character between the square brackets ([]).)

I have read the guidelines regarding bug report.
I have reviewed the documentation in its entirety, including the dedicated documentations 📚.
I have searched for existing issues and made sure that the problem hasn’t already been reported.
I am using the latest plugin version.
I am following the issue template closely in order to produce a useful bug report.

Have you made sure that it wasn’t a React Native bug?

Yes, I am.

Is the bug specific to iOS or Android? Or can it be reproduced on both platforms?

Both

(Write your answer here and specify the iOS/Android versions on which you’ve been able to reproduce the issue.)

Is the bug reproductible in a production environment (not a debug one)?

Yes

Environment

react-native-cli: 2.0.1 react-native: 0.59.5 react-native-snap-carousel: “^3.8.0”,

Issue Analytics

State:
Created 4 years ago
Reactions:6
Comments:6 (1 by maintainers)

Top GitHub Comments

88reactions

IvanKolechkincommented, Sep 19, 2019

{ paddingVertical: 0 } Here is a possible solution

5reactions

pepasibblecommented, Jun 11, 2021

Just to spell this out completely, that’s:

<Pagination containerStyle={{ paddingVertical: 0 }} />

Top Results From Across the Web

Reduce height pagination · Issue #577 - GitHub

How can I reduce height of pagination ? Because when I put style and change the height attribute the dots disappear.

How can i adjust the height and width of pagination buttons in ...

inspect element to find css class. i just done it by inspecting the button element from firefox browser.. and just overwrite that particular ......

Change the size of the pagination with CSS - Tutorialspoint

Change the size of the pagination with CSS - To change the pagination size, use the font-size property. You can try to run...

Change row height or column width in a paginated report

Learn about setting a a column width or a fixed row height with text box properties for rendered paginated reports in Report Builder....

Row Pagination - React Data Grid

Each pagination page must have the same number of rows. If you use paginationAutoPageSize with getRowHeight() callback (to have different rows with different ......