How to use the react-native-paper.Colors.blue500 function in react-native-paper

To help you get started, we’ve selected a few react-native-paper 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 HenryQuan / WoWs-Info-Re / wowsinfo / src / ui / component / common / AppLogo.tsx View on Github external
render() {
    const placeholder = {
      height: this.props.size,
      width: this.props.size,
      backgroundColor: Colors.blue500
    };

    // White logo
    if (this.props.white) {
      return
github HenryQuan / WoWs-Info-Re / wowsinfo / src / ui / component / common / ProviderForAll.tsx View on Github external
constructor(props: AllProps) {
    super(props);

    this.state = {
      // Theme and updateTheme from anywhere
      theme: new UserTheme(false, Colors.blue500),
      updateTheme: (newTheme) => {
        this.setState({
          theme: newTheme
        });
      },
      // update app language
      language: languageAvailable.en,
      updateLanguage: (newLang) => {
        langs.setLanguage(newLang);
      }
    }

    // set the default language
    langs.setLanguage(this.state.language);
  }
github callstack / react-native-paper / example / src / Examples / SwitchExample.tsx View on Github external
this.setState(state => ({
                valueNormal: !state.valueNormal,
              }))
            }
          />
        
        
        
        
      
    );
  }
}
github HenryQuan / WoWs-Info-Re / wowsinfo / src / ui / page / Welcome / Agreement.tsx View on Github external
render() {
    const { rootView, bottomView, ContainedButton } = styles;

    const setup: SetupProps = {
      isSetup: true
    };

    return (
      
        
          
        
        
          <button style="{ContainedButton}" color="{Colors.blue500}" mode="contained"> Actions.replace('Settings', setup)}&gt;
            {langs.agreement_agree}
          </button>
          <button style="{ContainedButton}" color="{Colors.red500}" mode="contained">
            {langs.agreement_disagree}
          </button>
        
        
          <dialog>
            WoWs Info
            
              {langs.agreement_you_have_to_agree}
            
            
              <button> Actions.replace('Welcome')}&gt;{langs.agreement_retry}</button>
            
          </dialog>
github callstack / react-native-paper / example / src / Examples / CheckboxExample.tsx View on Github external
this.setState(state =&gt; ({
              checkedCustom: !state.checkedCustom,
            }))
          }
        &gt;
          
        

        
            this.setState(state =&gt; ({
              indeterminate: !state.indeterminate,
            }))
          }
        &gt;