Javascript 在react native中的headerRight上添加多个按钮

我是个新来的本地人。这里我尝试在headerRight上添加两个按钮。我确实添加了一个按钮，但我不知道如何放置多个按钮。像这样的。

我正在使用

react navigaiton

和

react导航标题按钮

这就是我添加一个按钮的方式

主屏幕

头灯：(
{
console.log（'Search'）
}}
/>
),

CustomHeaderButton.js

从“反应导航标题按钮”导入{HeaderButton，Item}；
从“@expo/vector icons”导入{Ionicons}；
const CustomHeaderButton=props=>{
返回(
)
};
导出默认的CustomHeaderButton；

你走对了方向。您应该能够简单地添加另一个

项目

，该项目具有您想要包装在

头部按钮

组件中的任何标题、图标、onPress功能，如下所示：

<HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
                <Item
                    title={"Search"}
                    iconName={"md-search"}
                    onPress={() => {
                        console.log('Search')
                    }}
                />
                <Item
                    title={"Other Button"}
                    iconName={"other-icon-name"}
                    onPress={() => {
                        console.log('The other header icon was pressed.')
                    }}
                />
            </HeaderButtons>

{
console.log（'Search'）
}}
/>
{
console.log（'另一个标题图标被按下'）
}}
/>

您可以在一个React元素中嵌套多个React元素，这就是本例所使用的。例如，您可以在

视图

中嵌套多个

文本

元素

---

看起来您正在使用

react导航标题按钮

package，下面是它们的示例，其中有多个标题图标供您参考：

您走对了方向。您应该能够简单地添加另一个

项目

，该项目具有您想要包装在

头部按钮

组件中的任何标题、图标、onPress功能，如下所示：

<HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
                <Item
                    title={"Search"}
                    iconName={"md-search"}
                    onPress={() => {
                        console.log('Search')
                    }}
                />
                <Item
                    title={"Other Button"}
                    iconName={"other-icon-name"}
                    onPress={() => {
                        console.log('The other header icon was pressed.')
                    }}
                />
            </HeaderButtons>

{
console.log（'Search'）
}}
/>
{
console.log（'另一个标题图标被按下'）
}}
/>

您可以在一个React元素中嵌套多个React元素，这就是本例所使用的。例如，您可以在

视图

中嵌套多个

文本

元素

看起来您正在使用

react导航标题按钮

package，下面是它们的示例，其中包含多个标题图标供您参考：

<HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
                <Item
                    title={"Search"}
                    iconName={"md-search"}
                    onPress={() => {
                        console.log('Search')
                    }}
                />
                <Item
                    title={"Other Button"}
                    iconName={"other-icon-name"}
                    onPress={() => {
                        console.log('The other header icon was pressed.')
                    }}
                />
            </HeaderButtons>