изменение fontSize TextInput плавно

Question

изменение fontSize TextInput плавно

Мне нужно было исправить принятый ответ выше, чтобы он работал, используя вместо этого указателя.

var Parent = React.createClass({
doSomething: function() {
    console.log('doSomething!');
},

render: function() {
    var that = this;
    var childrenWithProps = React.Children.map(this.props.children, function(child) {
        return React.cloneElement(child, { doSomething: that.doSomething });
    });

    return <div>{childrenWithProps}</div>
}})

Обновление: это исправление для ECMAScript 5, в ES6 нет необходимости в var, что = this

0

react-native

задан Ketan Malhotra 13 July 2018 в 23:41

1 ответ

Другие вопросы по тегам:

react-native

Похожие вопросы:

score 0 · Answer 1

Давайте подумаем о том, как подойти к этому.

Требования:

Эффект должен происходить только с по меньшей мере 3 символами в текстовом поле
Максимальный и минимальный размер, размер шрифта которого может достигать
Шрифт должен уменьшаться, если новый ввод текста длиннее предыдущего.
Шрифт должен получить больше, если новый ввод текста короче предыдущего.

Учитывая эти требования, основанные на gif, мы можем придумать чистое решение.

changeText = value => {
  if (value.length > 3) {
    if (
      this.state.value.length < value.length &&
      this.state.fontSize > MIN_FONT_SIZE
    ) {
      this.setState(({ fontSize }) => ({ fontSize: fontSize - INCREMENT, value }));
    } else if (
      this.state.value.length > value.length &&
      this.state.fontSize < MAX_FONT_SIZE
    ) {
      this.setState(({ fontSize }) => ({ fontSize: fontSize + INCREMENT, value }));
    }
  }
};

Вот полный рабочий пример, https://snack.expo.io/@roach_iam/increasing-fontsize-textinput .