Function to create input fields inside flexbox dynamically.

CreateInputFieldsInInputBox.kt

private val mTextMap: HashMap<Int, TextMapModel> = HashMap()
private val mTextIdArray: ArrayList<Int> = ArrayList()
private fun createInputFieldsInInputBox(actualText: String) {
    val textLength = actualText.length 

    val flexboxLayout = mBinding.flexboxLayoutInput
    flexboxLayout.flexDirection = FlexDirection.ROW

    val filterArray = arrayOfNulls<InputFilter>(1)
    filterArray[0] = InputFilter.LengthFilter(1)

    for (i in actualText.indices) {

        val editText = EditText(requireContext())
        editText.id = generateRandomIntForViews() // a method in utils
        editText.setTextColor(
            ContextCompat.getColor(
                requireContext(),
                R.color.white
             )
        )
        val colorStateList = ColorStateList.valueOf(
            ContextCompat.getColor(
                requireContext(),
                R.color.white
            )
        )
        editText.backgroundTintList = colorStateList
        editText.inputType = InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS
        editText.filters = filterArray
        val lp = FlexboxLayout.LayoutParams(
            FrameLayout.LayoutParams.WRAP_CONTENT,
            FrameLayout.LayoutParams.WRAP_CONTENT
        )
        editText.layoutParams = lp
        setTextWatcher(editText)
        mTextMap[editText.id] = TextMapModel(" ", editText)

        mTextIdArray.add(i, editText.id)

        flexboxLayout.addView(editText)
   }
}