如何解决如何防止 InstantSearch 被切断? Algolia,React Native
希望图片能很好地说明问题!我正在尝试使用 InstantSearch(由 Algolia 提供支持),并且我正在使用 react-native-swipe-list-view 进行滑动删除功能的权利。抱歉,颜色古怪,只需要弄清楚哪些组件占用了空间。我一直在疯狂地设置溢出:“可见”,并且我还调整了海拔和 zIndex 无济于事。文本建议仍然被切断。
这是一些代码:
ingredientDetailContainer.js:
const IngredientDetailContainer = (props) => {
const [name,setName] = useState('');
const [objectId,setobjectId] = useState('');
return (
<View style={{ elevation:0,zIndex:0,flex: 1.5,flexDirection: 'row',width: '100%',justifyContent: 'center',backgroundColor: 'red',overflow:'hidden' }}>
<DragIcon />
<View style={[{ flex: 0.05}]} />
{ Platform.OS === "ios" ?
(
<InstantSearch searchClient={searchClient} indexName={ALGOLIA_INDEX_NAME}>
<Autofill setName={setName} setobjectId={setobjectId} defaultQuery={''} editing={false} />
</InstantSearch>
)
: (
<View style={[styles.input,{ backgroundColor:'green',overflow:'visible',marginTop:'10%',flex: 0.9,fontSize: 13,color: 'gray',fontWeight: 'bold',textAlign: 'center',borderWidth: 2,borderRadius: 20,borderColor: '#D0DBEA',overflow: 'visible',borderStyle: 'solid' }]}>
<InstantSearch style={[{overflow:'visible',elevation:5,position:'absolute'}]} searchClient={searchClient} indexName={ALGOLIA_INDEX_NAME}>
<View style={[styles.autocompleteContainer,{backgroundColor:'orange',marginTop:'-20%',position:'absolute',elevation:15,zIndex: 15}]}>
<Autofill style={[{backgroundColor:'black',position:'absolute'}]} setName={setName} setobjectId={setobjectId} defaultQuery={''} editing={false} />
</View>
</InstantSearch>
</View>
)
}
...
recipeCreation2.js:
const renderItem = data => (
<IngredientDetailContainer style={[{overflow:'visible'}]} unitOnPress={TriggerModal} />
);
...
var IngredientList = (props) => (
<SwipeListView
data={listData}
renderItem={renderItem}
renderHiddenItem={renderHiddenItem}
previewOpenValue={-40}
previewOpenDelay={3000}
leftOpenValue={75}
onRowDidOpen={onRowDidOpen}
/>
任何有关如何解决此问题的想法将不胜感激!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。