@kirz/react-native-toolkit
Version:
Toolkit to speed up React Native development
35 lines (34 loc) • 1.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MenuList = MenuList;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _Menu = require("./Menu");
var _MenuListItem = require("./MenuListItem");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function MenuList(_ref) {
let {
items,
itemStyle,
itemTextStyle,
renderItem,
renderSeparator,
keyExtractor,
...props
} = _ref;
return /*#__PURE__*/_react.default.createElement(_Menu.Menu, props, items.map((item, itemIdx) => {
var _props$position;
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
key: (keyExtractor === null || keyExtractor === void 0 ? void 0 : keyExtractor(item, itemIdx)) ?? itemIdx
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !renderItem ? /*#__PURE__*/_react.default.createElement(_MenuListItem.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