How to use the react-native-ui-lib.Assets.icons function in react-native-ui-lib

To help you get started, we’ve selected a few react-native-ui-lib examples, based on popular ways it is used in public projects.

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

github wix / react-native-ui-lib / demo / src / screens / MainScreen.js View on Github external
renderItem({item}) {
    const {renderItem} = this.props;

    if (renderItem) {
      return renderItem({item}, this.openScreen);
    }

    return (
      
    );
  }
github wix / react-native-ui-lib / demo / src / screens / componentScreens / ToastsScreen.js View on Github external
outline: true,
                outlineColor: Colors.blue30,
                color: Colors.blue30,
                onPress: () => this.setState({showRelativeToast: false}),
              },
              {label: 'Yes, close it', onPress: () => this.setState({showRelativeToast: false})},
            ]}
          />
        

         this.setState({showToast: false})}
          allowDismiss={showDismiss}
          actions={action}
        />

github wix / react-native-ui-lib / demo / src / screens / componentScreens / PickerScreen.js View on Github external
height: 56,
                      borderBottomWidth: 1,
                      borderColor: Colors.dark80,
                    }}
                    paddingH-15
                    row
                    centerV
                    spread
                  >
                    
                    {props.isSelected &amp;&amp; <img>}
                  
                )}
                getItemLabel={item =&gt; item.name}
github wix / react-native-ui-lib / demo / src / screens / componentScreens / RadioButtonScreen.js View on Github external
this.setState({textSide: value})}&gt;
              
              {this.renderRadioButtonWithImageAndText('right', 'Text on right')}
              {this.renderRadioButtonWithImageAndText('left', 'Text on left', true)}
              
            

             this.setState({value})}&gt;
              
              
              
            

            
            
github wix / react-native-ui-lib / demo / src / screens / MainScreen.js View on Github external
this.state = {
      currentPage: 0,
      filteredNavigationData: data,
    };

    this.filterExplorerScreens = _.throttle(this.filterExplorerScreens, 300);

    Navigation.events().bindComponent(this);

    const navigationStyle = this.getSearchNavigationStyle();
    navigationStyle.topBar.rightButtons.push({
      id: 'uilib.settingsButton',
      testID: 'uilib.settingsButton',
      enabled: true,
      icon: Assets.icons.settings,
    });
    Navigation.mergeOptions(props.componentId, navigationStyle);
  }
github wix / react-native-ui-lib / demo / src / screens / MainScreen.js View on Github external
getSearchNavigationStyle() {
    return {
      topBar: {
        drawBehind: true,
        translucent: true,
        rightButtons: [
          {
            id: 'uilib.searchButton',
            testID: 'uilib.searchButton',
            enabled: true,
            icon: Assets.icons.search,
          },
        ],
      },
    };
  }
github wix / react-native-ui-lib / demo / src / screens / componentScreens / ButtonsScreen.js View on Github external
round
                backgroundColor='#ff1d8e'
                style={{margin: ButtonSpace}}
                iconSource={Assets.icons.settings}
                iconStyle={{tintColor: Colors.white}}
                ref={element =&gt; (this.button_0 = element)}
                onPress={() =&gt; this.showSnippet(this.button_0)}
              /&gt;
            
            
            
            <button style="{{marginBottom:" size="{'small'}">
            </button><button style="{{marginBottom:" size="{'medium'}">
            </button>
github wix / react-native-ui-lib / demo / src / screens / componentScreens / ToastsScreen.js View on Github external
{_.map(['none', ...colors], (color) =&gt; {
          const isSelected = color === this.state.selectedColor;
          const backgroundColor = color === 'none' ? undefined : color;
          return (
             this.setState({selectedColor: color})}&gt;
              
            
          );
        })}