borderRadius 1.Imageコンポーネントサークルは、IOSフェイルでプラットフォームの互換性の問題を持っています
いくつかのソリューションがあります。
ビューの層に包まれた外側に、Viewコンポーネントは、それのborderRadiusを使う（1）は、これが私のアプローチです
（2）同じレベルの属性ブロックプラスオーバーフローで「hidden」が、私は試していませんが、あなたは次のリンクを読むことができます
2.React-ネイティブ緩やかな実装
（1）使用反応-ネイティブ線形勾配：https://github.com/react-native-community/react-native-linear-gradient
（2）設計者が直接グラデーション、背景画像、シンプル、粗を提供することを可能にします
3.Reactネイティブの影の実装
反応ネイティブシャドウモジュール実装（追加のネイティブコードを導入する必要性）（1）
（2）によって反応するネイティブ・シャドウ・カード・モジュールの実装を（他のネイティブコードの導入を必要としません）
（3）別々shadowOpacity及び他の天然の特性、個体性の上昇を介して、アンドロイドの互換性により、IOSとの互換性を達成するために、自分自身を達成するために、実際には、これは反応ネイティブ・シャドウ・カード・プラクティスであります
（4）は、設計者が直接影付き背景画像、シンプル、粗を提供することを可能にします
4.Animated補間用法
補間がマッピングした場合、outputRangeは「デジタル+特殊文字」の形などもあり
outputRange：[ '0％'、 '100％']
若しくは
outputRange：[ 'は0deg'、 '100deg']
若しくは
|
|
5.RNは3つのトリックをアニメーション
最初のステップ：初期のアニメーション値
this
.state = {
progress:
new
Animated.Value(
0
)
};
|
ステップ2
：アニメーションの値を変更
Animated.timing(
this
.state.progress, {
toValue: endRatio,
duration:
800
,
easing: Easing.inOut(Easing.ease)
// easing: Easing.linear()
}).start();
|
第三段階
：（アセンブリ必須アニメーションで）Animated.Viewに値
|
|
6.styleオブジェクトフォーマット
スタイルオブジェクトは、ラップ必須StyleSheet.createを持っていない、一般的なオブジェクトリテラルは、スタイル属性コンポーネント間で書き込むことができます
7.たfontWeight値
フォントの太さは「400」が正常で、「700」は「太字」である値「正常」、「太字」、「100」〜「900」を有し、制御することができます
{
fontWeight:
"100"
}
|
8.Imageの最高の長さの比を使用しません
画像は、例の長さを定義する長さの比例制御は、その後、経験の良い取引でない場合は、固定ピクセルを使用するのがベストです