私は色を気にするモバイル開発者向けのライブラリを作成しました.

あなたはその瞬間を知っているときに少し軽くなったり、暗い色が必要?
しかし、手動でそれをライターやダークにしたくないですか?
まあ私も.
それで、それはつくられたreact-native-color-toolkitです
このライブラリを使えば、多くの色修飾関数にアクセスできます.

は、

を明るくします

darken

不朽者

グレースケール

は、

を照らします

飽和物

色を持っている例を想像してみましょう.しかし、その色を50 %暗くするために、react-native-color-toolkitで、このような機能を呼び出す必要があります.

<View  style={{justifyContent:  'center', alignItems:  'center'}}>
    <View  style={[styles.box, {backgroundColor: '#2196F3'}]} />
    <Text  style={styles.subtitle}>Original color</Text>
</View>
<View  style={{justifyContent:  'center', alignItems:  'center'}}>
    <View  style={[styles.box, {backgroundColor: darken('#2196F3', 0.5)}]} />
    <Text  style={styles.subtitle}>Modified color</Text>
</View>

あなたにこの結果を与えます:

ネイティブカラーツールキットも

変換機能(RGBからHSLのような)

ユーティリティ関数(色のアルファ値を得るように)

材料Colorパレット(赤い色［700］)

私はそれがあなたのモバイル開発者の生活を容易にすることを望む.
お気軽にプル要求を開き、貢献を行う.
レポとドキュメンテーションへのLink.