How to use the react-native-paper.Colors.white 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 callstack / react-native-paper / example / src / Examples / RadioButtonExample.tsx View on Github external
Checked (Disabled)
          
        
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.white,
    paddingVertical: 8,
  },

  row: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingVertical: 8,
    paddingHorizontal: 16,
  },
});

export default withTheme(RadioButtonExample);
github callstack / react-native-paper / example / src / Examples / Dialogs / DialogWithCustomColors.tsx View on Github external
const DialogWithCustomColors = ({
  visible,
  close,
}: {
  visible: boolean;
  close: () => void;
}) => (
  
    <dialog style="{{">
      Alert
      
        
          This is a dialog with custom colors
        
      
      
        <button color="{Colors.white}">
          OK
        </button>
      
    </dialog>
  
);
github callstack / react-native-paper / example / src / Examples / CheckboxExample.tsx View on Github external
Unchecked (Disabled)
          
        
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.white,
    paddingVertical: 8,
  },

  row: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingVertical: 8,
    paddingHorizontal: 16,
  },
});

export default withTheme(CheckboxExample);
github callstack / react-native-paper / example / src / Examples / RadioButtonGroupExample.tsx View on Github external
value={this.state.value2}
            onValueChange={(value: string) =&gt; this.setState({ value2: value })}
          &gt;
            
            
          
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.white,
    padding: 8,
  },
  row: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    paddingVertical: 8,
    paddingHorizontal: 16,
  },
});

export default withTheme(RadioButtonGroupExample);
github callstack / react-native-paper / example / src / Examples / Dialogs / DialogWithCustomColors.tsx View on Github external
const DialogWithCustomColors = ({
  visible,
  close,
}: {
  visible: boolean;
  close: () =&gt; void;
}) =&gt; (
  
    <dialog style="{{">
      Alert
      
        
          This is a dialog with custom colors
        
      
      
        <button color="{Colors.white}">
          OK
        </button>
      
    </dialog>
  
);