OtpView
Jetpack Compose Usage
OtpView(
value = "",
digits = 6,
textColor = Color.White,
activeColor = Color.Blue,
passiveColor = Color.Cyan,
fontSize = 22.sp,
fontStyle = FontStyle.Italic,
fontWeight = FontWeight.Bold,
fontFamily = FontFamily(),
password = false,
symbol = '*',
keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
onTextChange = { _, _ -> },
)
View Usage
val optView = findViewById<OtpView>(R.id.otpView)
optView.apply {
setActiveColor(getColor(R.color.white))
setPassiveColor(getColor(R.color.gray))
setDigits(6)
setAutoFocusEnabled(false)
setErrorEnabled(false)
setTextColor(getColor(R.color.purple_200))
setFontFamily(/*YOUR CUSTOM FONT*/)
setTextSize(22)
setTextChangeListener(object : OtpView.ChangeListener {
override fun onTextChange(value: String, completed: Boolean) {
}
})
}
<com.ozcanalasalvar.otp_view.view.OtpView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:digits="6"
app:keyboardType="number"
app:password="true"
app:otpSymbol="*"
app:activeColor="@color/white"
app:autoFocusEnabled="false"
app:passiveColor="@color/gray"
app:textColor="@color/orange"
app:textSize="22"
app:fontFamily="@font/your_custom_font"
/>
Implementation Gradle
Add it in your root build.gradle at the end of repositories:
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
mavenCentral()
maven { url 'https://jitpack.io' }
}
}
Add the dependency
dependencies {
implementation("com.github.ozcanalasalvar:otpview:2.0.1")
//For view based UI's
implementation 'androidx.compose.material3:material3:Tag'
}
