자식보기 테두리가 반응식 네이티브에서 부모의 테두리보다 우선 함

부모 View 구성 요소 내에 자식 View이 있습니다. 부모의 경계선을 설정했지만 자식보기의 경계선은 부모 경계선을 재정의합니다.자식보기 테두리가 반응식 네이티브에서 부모의 테두리보다 우선 함

여기 화면

것은 여기 0으로 아이 뷰의 borderBottomWidth 소품을 설정하기 위해 시도했지만 작동하지 않았다 내 코드

<View style={{flexDirection: 'row',marginLeft: 20, marginRight: 20, height: height/20, 
        width: width-40, borderWidth: 2, borderRadius: 4, borderColor: '#D3D3D3'}}> 
        <View style={{backgroundColor: '#D3D3D3',flexDirection: 'row', 
         height: height/20, alignItems: 'center'}}> 
         <Thumbnail style={{marginLeft: 5,width: 20, height: 20}} square source={require('../assets/Turkey.png')}/> 
         <Picker mode="dropdown" selectedValue={this.state.selectedCountry} 
           onValueChange={(value)=>this.onCodeChanged(value)} 
           > 
          <Picker.Item label="+44" value="England"></Picker.Item> 
          <Picker.Item label="+90" value="Turkey"></Picker.Item> 
         </Picker> 
        </View> 
        <View style={{height: height/20, width: 250}}> 
         <Input placeholder="Phone" placeholderTextColor='#D3D3D3'/> 
        </View> 
       </View>

입니다. 누구든지이 문제를 어떻게 해결할 수 있습니까?

출처

2017-12-24 Ali Zeynalov