search

24ark / react-native-step-indicator

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView.
Apache License 2.0
1.43k stars 312 forks source link

StepIndicator with stepCount={2} they don't take 100% wide #89

Open Dsantacruz opened 4 years ago

Dsantacruz commented 4 years ago

I'm using stepIndicator with stepCount={2} , but steps they don't take 100% wide, how i can custom this? if exist props for this?

Captura de Pantalla 2020-03-10 a la(s) 17 58 42
ryskin commented 4 years ago

I need same (

TaufanP commented 3 years ago

How to make stepindicator at full width: Open the package file at node_modules/react-native-step-indicator/src/index.tsx

  1. Remove flex: 1 at stepContainer styles image

  2. Modify the progressBarBackgroundStyle width image in my case I'm using the horizontal.

  3. Modify the progressBarStyle width image

implkiennguyen commented 3 years ago

nó không hieuen q

Cách tạo stepindicator ở độ rộng đầy đủ: Mở tệp gói tại node_modules / react-native-step-indicator / src / index.tsx

  1. Loại bỏ flex: 1 tại bước hình ảnh
  2. Sửa đổi chiều rộng ProgressBarBackgroundStyle trong trường hợp của tôi, tôi đang sử dụng chiều ngang. hình ảnh
  3. Sửa đổi chiều rộng tiến trình hình ảnh

nó không hiệu quả