如何创建动态React Native组件

Question

我希望在单击事件发生时动态创建并使用按钮。按钮的创建位置应创建在现有按钮右侧10px处。向伟大善良的朋友寻求帮助。这是我的代码

import React, { Component } from 'react'
import { Button } from 'react-native'
const Test = () => { 
return( 
<Button title='test' onPress={<Button title='test1'/>}/> 
) 
} 
export default Test 

或

import React, { Component } from 'react'
import { Button } from 'react-native'
const Test = () => { 
return( 
<Button title='test' onPress={ButtonRender}/> 
) 
}
const ButtonRender =():any=>{
return <Button title='test1'/>
}
export default Test 

我有个问题。它不是按钮创建的。我需要帮助

Answer 1

创建状态变量buttonClicked=false

<button onclick={() => setState({buttonClicked=true})}/>
{state.buttonClicked?<button></button>:null}

以及按钮点击时的更新状态

请为创建的按钮设置样式