web-dev-qa-db-ja.com

Reactネイティブ変換元

反応ネイティブのスタイルにtransform-Originプロパティを適用するにはどうすればよいですか?いくつかの方法で試しましたが、イベントがありませんでした

私は試した:

transform: [{ rotate: ('90deg')},{Origin: {x: 'top', y:'center'}} ]
15
Lucca Dias

Reactネイティブにはまだ変換Originプロパティがありません。将来的には可能性があります

これを達成するために????????????????

たとえば、translateXまたはtranslateYのトリックを使用して、形状を左端から35度回転させる必要があります。

transform: [

            {   
                translateX: -1 * (widthOfShape / 2)

            }
            },

            {
                rotate: '35deg'
            },
            {   
                translateX: (widthOfShape / 2)

            },
        ]

回転が完了した後は、元の位置に戻す必要があるので注意してください

1
Ehsan sarshar