10 examples of 'react native bullet list' in JavaScript

Every line of 'react native bullet list' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
57renderListBullet(ordered, key, index) {
58 if (ordered) {
59 return this.renderText(index + 1 + '.', key + '_orderedList', mergedStyles.listItemNumber);
60 }
61 else {
62 return this.renderText('\u2022 ', key + '_unorderedList', mergedStyles.listItemBullet);
63 }
64}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

9public render() {
10 return (
11 <svg
12 viewBox="0 0 240 240"
13 className={this.getClassName()}
14 style={this.getStyle()}
15 aria-hidden="true"
16 tabIndex={-1}
17 focusable="false"
18 >
19 <path fillRule="evenodd" d="M0 150v-15h15v15H0zm0-45V90h15v15H0zm45 0V90h195v15H45zM0 60V45h15v15H0zm45-15h195v15H45V45zm0 105v-15h195v15H45zM0 195v-15h15v15H0zm45 0v-15h195v15H45z" />
20 </svg>
21 );
22}
112render() {
113 const { list, animated, Bullet, itemStyle, style } = this.props;
114 return (
115 <View style={style}>
116 {list.map((value, index) => (
117 <BulletItem
118 itemStyle={itemStyle}
119 Bullet={Bullet}
120 animated={animated}
121 key={index}
122 index={index}
123 value={value}
124 />
125 ))}
126 </View>
127 );
128}
38renderBullet(bullet, events) {
39 this._renderModel(bullet, events, this._bulletMap, this._createBulletView);
40}
14function List(_ref) {
15 var size = _ref.size;
16 var strokeColor = _ref.strokeColor;
17 var strokeWidth = _ref.strokeWidth;
18 var fillColor = _ref.fillColor;
19 var svgClass = _ref.svgClass;
20
21 var inlineStyling = {
22 fill: fillColor,
23 stroke: strokeColor,
24 strokeWidth: strokeWidth
25 };
26
27 return _react2.default.createElement(
28 'svg',
29 {
30 xmlns: 'http://www.w3.org/2000/svg',
31 width: size,
32 height: size,
33 style: inlineStyling,
34 className: svgClass,
35 viewBox: '0 0 8 8'
36 },
37 _react2.default.createElement('path', { d: 'M.5 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm1.5 0v1h6v-1h-6zm-1.5 2c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm1.5 0v1h6v-1h-6zm-1.5 2c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm1.5 0v1h6v-1h-6zm-1.5 2c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm1.5 0v1h6v-1h-6z'
38 })
39 );
40}
265value: function render() {
266 var _this$props2 = this.props,
267 currentLocale = _this$props2.currentLocale,
268 contactGroups = _this$props2.contactGroups,
269 width = _this$props2.width,
270 height = _this$props2.height;
271 var content = null;
272
273 if (width !== 0 && height !== 0) {
274 content = contactGroups.length ? this.renderList() : _react["default"].createElement(NoContacts, {
275 currentLocale: currentLocale
276 });
277 }
278
279 return _react["default"].createElement("div", {
280 className: _styles["default"].root
281 }, content);
282}
312value: function renderList() {
313 var data = this.state.data;
314 var children = this.props.children;
315
316 var len = data.length;
317 if (!children) {
318 return null;
319 }
320 var lastChild = !Array.isArray(children) ? children : children[children.length - 1];
321 var isLastChildFunc = typeof lastChild === 'function';
322 if (!isLastChildFunc) {
323 return data.map(function (item, i) {
324 return _react2.default.cloneElement(lastChild, _extends({
325 /* eslint-disable react/no-array-index-key */
326 key: 'child-' + i,
327 /* selint-enable react/no-array-index-key */
328 index: i,
329 first: i === 0,
330 last: i === len,
331 odd: odd(i),
332 data: item
333 }, item));
334 });
335 }
336 return data.map(function (item, i) {
337 return lastChild(item, i);
338 });
339}
30render() {
31 const childrenToRender = React.Children.toArray(this.props.children).map(item => {
32 if (!item.props.value) {
33 return item;
34 }
35 const props = assign({}, item.props);
36 props.className = (props.className || '').replace('active', '');
37 if (item.props.value === this.state.defaultValue) {
38 props.className = `${props.className} active`.trim();
39 }
40 props.onClick = this.listOnClick.bind(this, item.props.value);
41 return React.cloneElement(item, props);
42 });
43 return React.createElement(
44 this.props.component,
45 this.props,
46 childrenToRender
47 );
48}
25var OrderedListButton = function OrderedListButton(_ref) {
26 var value = _ref.value,
27 onChange = _ref.onChange,
28 className = _ref.className,
29 style = _ref.style,
30 type = _ref.type;
31 return _react2.default.createElement(
32 _button.Button,
33 {
34 style: style,
35 type: type,
36 onClick: function onClick(e) {
37 return onChange((0, _ListUtils.orderedListStrategy)(value.change(), 'ordered-list'));
38 },
39 className: (0, _classnames2.default)('slate-list-plugin--button', { active: (0, _ListUtils.isOrderedList)(value) }, className)
40 },
41 _react2.default.createElement(_reactFontawesome2.default, { name: 'list-ol' })
42 );
43};
25function List(props, context) {
26 var _this = _super.call(this, props, context) || this;
27 _this.state = { ps: "creating" };
28 return _this;
29}

Related snippets