VO
Подскажите пожалуйста, как заставить flatlist внутри flatlist-а ререндерится ?
если у них одна ориентация, то это не должно быть так
Size: a a a
2020 February 18
S
если у них одна ориентация, то это не должно быть так
что имеется виду под одной ориентацией?
VO
что имеется виду под одной ориентацией?
вертикальная или горизонтальная. Комбинация разных ориентаций возможна
S
понял, у меня это аккордион раскрывается список и там ещё есть кнопка, во второт флатлисте, которая должна ререндерится
MY
Смотря какой у вас кейс, есть определённые проблемы но только на дроиде и только если у вас в средине скролл, и то если поставить useNativeDriver должно быть все ок
Есть компонент
SectionList внутри react-native-interactable. Добавил useNativeDriver, на андроиде осталась проблема. Если открыть, то нельзя закрить пока не свайпну вниз. Не подскажите как исправить?ЮЗ
Есть компонент
SectionList внутри react-native-interactable. Добавил useNativeDriver, на андроиде осталась проблема. Если открыть, то нельзя закрить пока не свайпну вниз. Не подскажите как исправить?нельзя закрыть за сам компонент но за хедер можно, верно?
как я и думал, сетите в стейт, а попробуйте в else сетить в нейтив пропсы прежнее значение
Почитайте вот это https://facebook.github.io/react-native/docs/direct-manipulation
Почитайте вот это https://facebook.github.io/react-native/docs/direct-manipulation
Поменял код вот так, но символ всё ещё заметен:
class NumberInput extends React.PureComponent {
constructor(props) {
super(props)
bind(this)
this.state = { text: "" }
}
onChange(text) {
if (!text.match(/[^\d\.-]/) && text.match(/^-?\d*\.?\d*$/)) {
this.setState({text})
} else {
this.ref.setNativeProps({value: this.state.text})
}
}
render() {
return (
<TextInput
placeholder="0"
keyboardType="numeric"
onChangeText={this.onChange}
value={this.state.text}
ref={(ref) => this.ref = ref}
/>
)
}
}VO
Поменял код вот так, но символ всё ещё заметен:
class NumberInput extends React.PureComponent {
constructor(props) {
super(props)
bind(this)
this.state = { text: "" }
}
onChange(text) {
if (!text.match(/[^\d\.-]/) && text.match(/^-?\d*\.?\d*$/)) {
this.setState({text})
} else {
this.ref.setNativeProps({value: this.state.text})
}
}
render() {
return (
<TextInput
placeholder="0"
keyboardType="numeric"
onChangeText={this.onChange}
value={this.state.text}
ref={(ref) => this.ref = ref}
/>
)
}
}setNativeProps({ text:
this.state.text });
setNativeProps({ text:
this.state.text });Тоже видно :D
MY
нельзя закрыть за сам компонент но за хедер можно, верно?
нет, вообще никак немогу
ЮЗ
нет, вообще никак немогу
и на иос и на дроиде?
VO
Тоже видно :D
ну прям чтобы вобще не появлялся надо чтобы компонент принимающий был один, а отображающий другой, но тогда с редактированием проблемы, если не с конца
MY
и на иос и на дроиде?
нет, только на дроиде
MY
на айос все ок
ну прям чтобы вобще не появлялся надо чтобы компонент принимающий был один, а отображающий другой, но тогда с редактированием проблемы, если не с конца
Хорошо, всё равно спасибо за помощь :D
ЮЗ
нет, только на дроиде
это потому что дроид слушает события скрола sectionList, а не interactable по идее можно пофиксить но костылем повесив ивент на sectionList и слушать там велосити скрола и параметр y если и то и то === 0 то можно програмно закрыть bottom-sheet
MD
class NumberInput extends Component {
constructor(props) {
super(props)
bind(this)
this.state = { text: "" }
}
onChange(text) {
if (!text.match(/[^\d\.-]/) && text.match(/^-?\d*\.?\d*$/)) {
this.setState({text})
}
}
render() {
return (
<TextInput
placeholder="0"
keyboardType="numeric"
onChangeText={this.onChange}
value={this.state.text}
/>
)
}
}Проблема в асинхронной коммуникации по бриджу между джс где ты устанавливаешь стейт и нативным миром. Тебе придется использовать готовую имплементацию маски ввода, которая будет работать нативно. Например https://github.com/benhurott/react-native-masked-text
Проблема в асинхронной коммуникации по бриджу между джс где ты устанавливаешь стейт и нативным миром. Тебе придется использовать готовую имплементацию маски ввода, которая будет работать нативно. Например https://github.com/benhurott/react-native-masked-text
Спасибо!
ИЧ
Ребят привет, вопрос касательно Typescript. У меня есть легаси проект , он на нативном js, мне нужно будет делать новые скрины и компоненты и могу ли я делать их на TS. Кароче можно ли это дело как то соединить? Просто нативный JS как то вообще не заходит
MD
Ребят привет, вопрос касательно Typescript. У меня есть легаси проект , он на нативном js, мне нужно будет делать новые скрины и компоненты и могу ли я делать их на TS. Кароче можно ли это дело как то соединить? Просто нативный JS как то вообще не заходит
TS можно использовать инкрементально