React Native动态布局

最新推荐文章于 2024-07-04 21:26:38 发布

pursuering

最新推荐文章于 2024-07-04 21:26:38 发布

阅读量1.2k

点赞数

分类专栏： React native 文章标签： react-native state 动态布局

本文链接：https://blog.csdn.net/sushineboy/article/details/78490285

版权

本文介绍了如何在React Native中利用state进行动态布局的调整。首先，详细阐述了state的使用，当state值改变时，组件会自动触发render()方法更新UI。接着，讨论了在处理list数据时，如何运用ListView实现动态布局，并提到了key属性的重要性，解决遍历警告，确保React正确地跟踪和更新DOM元素。

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

一、根据state的值动态改变布局

import React, { Component,PropTypes } from 'react';
import {
  StyleSheet,
  Text,
  View,
  Image,
  TouchableOpacity,
  Dimensions,
  Platform,
  Alert,
  ToastAndroid,
  TextInput,

} from 'react-native';



import ulity from './ulity';

class SatisfactionSurvey extends Component {
   

  constructor(props) {
    super(props)

    this.state = {
      star:false,
    };

  }

  render() {