A
Anonymous

Product Info Display - Copy this React, Tailwind Component to your project

<?xml version="1.0" encoding="utf 8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <! Layout để chứa toàn bộ nội dung > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:weightSum="1"> <! Layout cho từng cột > <! Cột Mã > <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight=".25" android:orientation="vertical" android:weightSum="1"> <TextView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".4" android:gravity="center" android:text="Mã SP"/> <TextView android:id="@+id/txtviewMaSP" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".6" android:gravity="center" /> </LinearLayout> <! Cột tên > <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight=".25" android:orientation="vertical" android:weightSum="1"> <TextView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".4" android:gravity="center" android:text="Tên SP"/> <TextView android:id="@+id/txtviewTenSP" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".6" android:gravity="center" /> </LinearLayout> <! Số lượng > <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight=".25" android:orientation="vertical" android:weightSum="1"> <TextView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".4" android:gravity="center" android:text="SL SP"/> <TextView android:id="@+id/txtviewSoluongSP" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".6" android:gravity="center" /> </LinearLayout> <! Đơn giá > <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight=".25" android:orientation="vertical" android:weightSum="1"> <TextView android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".4" android:gravity="center" android:text="Đơn giá"/> <TextView android:id="@+id/txtviewDonGia" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight=".6" android:gravity="center" /> </LinearLayout> </LinearLayout> </LinearLayout> design this layout

Prompt
Component Preview

About

ProductInfoDisplay - Show product details like code, name, quantity, and price in a clean layout. Built with React and Tailwind. Copy component code!

Share

Last updated 1 month ago