The View does not fit if app length is more than 6

[BraveEvidence]

Hi,

I want the app length to be 10.If I increase the app:length attribute to 10 the view does not fit and I can see only 6 boxes. Let me know if there is any work around?

[deepaksachdeva]

@PritishSawant Have a look this, it may help you.

Replace:

LinearLayout.LayoutParams params =
         new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

To:

 LinearLayout.LayoutParams params =
          new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1.0f);

[BraveEvidence]

@deepaksachdeva does not work.

[deepaksachdeva]

@PritishSawant Still fields are not in a single row or you are not able to see the entered text now. Please send me your screenshot too.

[BraveEvidence]

@deepaksachdeva

This is the xml

<com.mukesh.OtpView android:id="@+id/otp_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginEnd="8dp" android:layout_marginStart="8dp" android:layout_marginTop="8dp" android:background="#cccccc" android:inputType="number" app:otp="1234567890" android:textColor="@color/colorPrimary" app:length="10" />

This is the change which you told me to make

LinearLayout.LayoutParams params =
new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT,1.0f);

[mukeshsolanki]

have you tried app:space to reduce the space between digits?

[BraveEvidence]

@mukeshsolanki does not work

[mukeshsolanki]

@PritishSawant can you try the latest version 2.0.0

[BraveEvidence]

I tried with version 2 and the max it can fit is 8 with no margins on Start and End even after adding margins

[mukeshsolanki]

that depends on the screen size im afraid that's the limit for now

[pravingaikwad07]

For otpLength = n (where n is any number) , try this:

Kotlin code:

val otp_view = findViewById<OtpView>(R.id.otp_view)
otp_view.getViewTreeObserver()
            .addOnPreDrawListener(object : ViewTreeObserver.OnPreDrawListener {
                override fun onPreDraw(): Boolean {
                    if (otp_view.getViewTreeObserver().isAlive()) otp_view.getViewTreeObserver()
                        .removeOnPreDrawListener(this)
                    val viewWidth = otp_view.width
                    val otpCount = otp_view.itemCount //this is otp length lets say 8

                    otp_view.itemWidth = (viewWidth / otpCount) - (otp_view.itemSpacing)

                  //  Log.d(TAG, "onPreDraw: $viewWidth :: $otpCount :: ${otp_view.itemWidth}")

                    return true
                }
            })