React Native コンポーネントのチートシート

Barbara Streisand
リリース: 2024-10-17 06:26:29
オリジナル
284 人が閲覧しました

React Native Components CheatSheet

これは、HTML 要素に対応する React Native コンポーネントの完全なガイドです。また、Android および iOS のネイティブ UI コンポーネントは、Web 開発とモバイル開発の間のギャップを埋めることができます。この包括的な表は、開発者がプラットフォーム間でシームレスに移行できるように、並べて比較したものです。

React Native Component HTML Element Android Component iOS Component
View
ViewGroup UIView
Text

or

TextView UILabel
Image ImageView UIImageView
TextInput EditText UITextField
ScrollView
ScrollView UIScrollView
FlatList
    (with custom handling)
RecyclerView UITableView
SectionList
    with sections
ExpandableListView UITableView with sections
Button Button UIButton
TouchableOpacity Clickable
TouchableOpacity UIButton (with opacity)
TouchableHighlight Clickable
TouchableHighlight UIButton (with highlight effect)
TouchableWithoutFeedback Clickable
View with touch events UIView with touch events
ActivityIndicator CSS Spinner ProgressBar UIActivityIndicatorView
Modal Custom modal/dialog Dialog Modal UIViewController
Picker Spinner UIPickerView
Switch Switch UISwitch
Slider SeekBar UISlider
StatusBar N/A StatusBar UIStatusBar
SafeAreaView N/A View (with insets) UIView respecting safe areas
KeyboardAvoidingView N/A View with keyboard handling UIView with keyboard handling
Pressable View with touch events UIView with touch events
RefreshControl N/A SwipeRefreshLayout UIRefreshControl
WebView