转换子视图时如何固定子视图

Question

点击按钮时，我正在使用tranform扩展按钮的大小。 但是其中的文本组件也会更改其大小。如何解决？

这是我的代码：

 <TouchableHighlight
                        onPress={()=>{
                            if (this.state.isDeleting) {
                                this._deleteItem(index);                                    
                            }else {
                                this._expandDeleteButton();
                            }
                        }}
                        >
                        <Animated.View
                                style={[styles.deleteButton,{transform:[
                                    {
                                        scaleX:this.deleteButtonWidthScale.interpolate({
                                        inputRange: [0, 1],
                                        outputRange: [1, 2]
                                        })
                                    },
                                    {
                                        scaleY: this.deleteButtonWidthScale.interpolate({
                                            inputRange: [0, 1],
                                            outputRange: [1, 1]
                                        })
                                    },
                                    {
                                        translateX: this.deleteButtonWidthScale.interpolate({
                                            inputRange: [0, 1],
                                            outputRange: [0, -17.5]
                                        })
                                    },

                                    ]}]}>
                            <Text style={styles.deleteText}>{this.state.isDeleting?'确认删除':'删除'}</Text>
                        </Animated.View>
                    </TouchableHighlight> 

Answer 1

已修复，我将其放在另一个视图中