Helpex - Trao đổi & giúp đỡ Đăng nhập
2

Vì vậy, tôi có một thành phần tùy chỉnh như sau:

class MyComponent extends React.Component {
  render() {
    return (
      <TouchableHighlight style={this.props.buttonStyle}>
        <Text style={styles.buttonText}>Button</Text>
      </TouchableHighlight>
    );
  }
}

Và tôi sử dụng thành phần như thế này:

class RootView extends React.Component {
  render() {
    return (
      <View>
        <MyComponent/>
        <MyComponent/>
      </View>
    );
  }
}

RootViewthể thay đổi kích thước. Những gì tôi muốn làm là thu nhỏ nó lại là trẻ em MyComponentkhi RootViewđủ nhỏ. Và tôi cần phải thu nhỏ từng MyComponentcái một: khi nào RootViewđủ nhỏ, thu nhỏ cái đầu tiên MyComponent, và khi cái đầu tiên MyComponentđạt đến kích thước tối thiểu, hãy thu nhỏ cái thứ hai MyComponent. Tôi biết có refstrong react-native, nhưng nó dường như không hoạt động đối với thành phần tùy chỉnh.

2 hữu ích 0 bình luận 3.8k xem chia sẻ
2
  1. Bạn có thể thêm giới thiệu vào một thành phần tùy chỉnh:

    <Separator ref='sep' style={styles.offsetSeparator} />

    Làm cách nào để tham chiếu các thành phần tùy chỉnh trong react-native?

Vì vậy, bạn sẽ có thể làm những gì bạn cần.

  1. Tuy nhiên, khi bạn thấy mình có sự phụ thuộc mạnh mẽ giữa các thành phần khác nhau, điều đó có nghĩa là có lẽ đây là thời điểm tốt để bắt đầu sử dụng Flux hoặc một cái gì đó tương tự và sau đó lưu giữ dữ liệu trong một Cửa hàng sẽ chứa tất cả thông tin cần thiết cho cả 3 thành phần. Thông tin thêm về Flux tại đây: https://facebook.github.io/flux/
2 hữu ích 0 bình luận chia sẻ
loading
Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ react-native , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm

loading