@kirz/react-native-toolkit
Version:
Toolkit to speed up React Native development
28 lines • 1.18 kB
JavaScript
import React from 'react';
import { View } from 'react-native';
import { Menu } from './Menu';
import { MenuListItem } from './MenuListItem';
export function MenuList(_ref) {
let {
items,
itemStyle,
itemTextStyle,
renderItem,
renderSeparator,
keyExtractor,
...props
} = _ref;
return /*#__PURE__*/React.createElement(Menu, props, items.map((item, itemIdx) => {
var _props$position;
return /*#__PURE__*/React.createElement(View, {
key: (keyExtractor === null || keyExtractor === void 0 ? void 0 : keyExtractor(item, itemIdx)) ?? itemIdx
}, /*#__PURE__*/React.createElement(React.Fragment, null, !renderItem ? /*#__PURE__*/React.createElement(MenuListItem, {
item: item,
style: [{
flexDirection: ((_props$position = props.position) === null || _props$position === void 0 ? void 0 : _props$position.horizontal) === 'left' ? 'row-reverse' : 'row'
}, itemStyle],
textStyle: itemTextStyle
}) : renderItem(item, itemIdx), itemIdx < items.length - 1 && (renderSeparator === null || renderSeparator === void 0 ? void 0 : renderSeparator(item, itemIdx))));
}));
}
//# sourceMappingURL=MenuList.js.map