React Native 组件 View和StyleSheet

最新推荐文章于 2024-05-24 23:49:06 发布

符号丶

最新推荐文章于 2024-05-24 23:49:06 发布

阅读量249

点赞数

分类专栏： react native 文章标签： react native

本文链接：https://blog.csdn.net/qq_35833753/article/details/105552883

版权

本文详细介绍了React Native的基础组件View及其属性和事件处理，强调了View作为容器的角色以及如何通过StyleSheet定义样式。同时，讨论了触摸事件回调函数的工作原理，包括各种响应器方法。此外，还提及了 StyleSheet 的使用，它提供了类似 CSS 的样式表抽象，简化了样式管理。

摘要由CSDN通过智能技术生成

常用基础组件
- View
- StyleSheet
- Text
- TextInput
- Image
- ListView
交互组件
- Button
- TouchableOpacity
- TouchableHighlight

View

作为创建 UI 时最基础的组件，View 是一个支持 Flexbox 布局、样式、一些触摸处理、和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。不论在什么平台上，View 都会直接对应一个平台的原生视图，无论它是 UIView、div还是 android.view.View。

class ViewPage extends Component {
   
  render() {
   
    return (
      <View
        style={
   {
   
          flexDirection: "row",
          height: 100,
          padding: 20
        }}
      >
        <View style={
   {
    backgroundColor: "blue", flex: 0.3 }} />
        <View style=