问:带有自定义组件而不是“三个点”的溢出菜单

问题描述

我知道如何使用const handleSubmit = () => { e.preventDefault(); const {firstName,....anotherNamesFromInputs} = e.target.elements; // FIREBASE EXAMPLE firebase.firestore().collection('something').set({ 'firstName': firstName.value || firstName.placeholder,// Or as you wish 'NA' ...sameForOthers }); }; <form onSubmit={handleSubmit}> <label> Name <input name="firstName" placeholder="Name"/> </label> .....next labels with inputs <button>Sumbit</button> </from> 选项在顶部栏中创建溢出菜单,如下所述:https://wix.github.io/react-native-navigation/docs/stack#overflow-menu。但是,可以使用自定义组件代替“三个点”图标吗?我有一个自定义组件,可在一个圆圈中显示用户的姓名缩写,并且我希望溢出菜单在点击时出现。如何实现?任何帮助将不胜感激。

解决方法

您最好的选择是将自定义组件显示为按钮,并在单击它时-创建您自己的菜单实现并将其显示在叠加层中。