I am trying to create a view with an EditText and a label associated. I am placing them in a GridLayout. The EditText is in the last column and the text seems to go out of the screen.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="mobi.designmyapp.osmtemplate.note.NoteActivity"
android:orientation="vertical">
<GridLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="2"
android:rowCount="1">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:labelFor="@+id/comment_edit_text"
android:text="@string/comment_label"
android:padding="8dp"
android:textColor="@color/background_material_dark"
android:maxLines="5"
/>
<EditText
android:id="@+id/comment_edit_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:hint="@string/comment_text_hint"/>
</GridLayout>
Thanks to @Jack I found the solution: don't put any layout_width
to the label, the gridlayout will handle it. Add android:layout_gravity="fill_horizontal"
and android:layout_width="0dp"
to the editText.
<GridLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="2"
android:rowCount="1">
<TextView
android:labelFor="@+id/comment_edit_text"
android:text="@string/comment_label"
android:padding="8dp"
android:textColor="@color/background_material_dark"/>
<EditText
android:id="@+id/comment_edit_text"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="fill_horizontal"
android:hint="@string/comment_text_hint"/>
</GridLayout>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With