如何在 android 中对齐 TextInputLayout 中的文本？

Question

在 RelativeLayout 我有一个 TextInputLayout 里面有 EditText 用来输入 phone 数字和 Textview 在 LinearLayout 我在这里显示国家代码。当我们开始输入 `TextInputLayout 滑动到顶部时，但我希望它滑动到图像 3 中。

我遇到了这方面的问题，有人可以帮助我吗？这是我的代码：

<RelativeLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                >
        
                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_alignStart="@+id/error_mobile_no"
                                    android:layout_alignTop="@+id/error_mobile_no"
                                    android:layout_alignBottom="@+id/error_mobile_no"
                                    android:layout_marginTop="0dp"
                                    android:layout_marginBottom="0dp"
                                    android:gravity="center"
                                    android:orientation="horizontal">
        
                                    <TextView
                                        android:id="@+id/country_code_textview"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:fontFamily="@font/lorin_regular"
                                        android:text="+971"
                                        android:layout_marginBottom="2dp"
                                        android:textColor="@color/black"
                                        android:textSize="14sp" />
                                </LinearLayout>
        
                                <com.google.android.material.textfield.TextInputLayout
                                    android:id="@+id/error_mobile_no"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:layout_marginEnd="20dp"
                                    android:layout_marginStart="20dp"
                                    app:errorEnabled="true">
        
                                    <EditText
                                        android:id="@+id/etPhoneNumberDetailedActivity"
                                        android:layout_width="match_parent"
                                        android:layout_height="wrap_content"
                                        android:layout_gravity="start"
                                        android:autofillHints=""
                                        android:paddingStart="35dp"
                                        android:backgroundTint="#6283a3"
                                        android:fontFamily="@font/lorin_regular"
                                        android:hint="@string/mobile_number"
                                        android:inputType="phone"
                                        android:textColor="@color/black"
                                        android:textColorHint="#6283a3" android:textSize="14sp" />
                                </com.google.android.material.textfield.TextInputLayout>
                            </RelativeLayout>

这是输入文本前的字段图像。

这是输入文字后的图片

但我正在努力让它看起来像这样。

Answer 1

可以使用app:prefixText显示前缀：

    <com.google.android.material.textfield.TextInputLayout
        android:hint="mobile_number"
        app:prefixText="+971"
        ...>

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:autofillHints=""
            android:inputType="phone"
            .../>

    </com.google.android.material.textfield.TextInputLayout>

如何在 android 中对齐 TextInputLayout 中的文本？

How to align text in TextInputLayout in android?

android

material-components-android

android-textinputlayout

material-components