react native 动态添加组件

React Native 是一个使用 JavaScript 和 React 框架开发移动应用的技术栈。动态添加组件实际上就是在运行时动态渲染视图，它可以通过 setState() 方法或者 useState() Hooks 实现。

具体实现方法如下：

在 constructor 中初始化状态，并在点击事件处理函数中调用 setState() 方法更新状态：

import React, { Component } from 'react';
import { View, Button } from 'react-native';
class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      components: []
  addComponent = () => {
    this.setState({
      components: [...this.state.components, <View />]
  render() {
    return (
        {this.state.components}
        <Button onPress={this.addComponent} title="Add Component" />
      </View>
export default App;
使用 useState() Hooks：
import React, { useState } from 'react';
import { View, Button } from 'react-native';
const App = () => {
  const [components, setComponents] = useState([]);
  const addComponent = () => {
    setComponents([...components, <View />]);
  return (
      {components}
      <Button onPress={addComponent} title="Add Component" />
    </View>
export default App;
这样，您就可以在 React Native 中动态添加组件了。