如何在不影响以前键入的文本的情况下更改TextInput样式本机反应

编程入门 行业动态 更新时间:2024-10-12 08:22:52

如何在不影响以前键入的文本的情况下更改TextInput样式<a href=https://www.elefans.com/category/jswz/34/1766600.html style=本机反应"/>

如何在不影响以前键入的文本的情况下更改TextInput样式本机反应

[我正在尝试创建富文本编辑器,该富文本编辑器将具有诸如单击以加粗显示的选项,当我尝试将它们从状态更改为最终影响先前插入的文本时,如何在不影响先前内容的情况下实现此目的而又不影响先前的内容?>>

export default class App extends React.Component {
          constructor(props){
               super(props)
               this.state={
                      text:'',
                      inputStyles:{
                            fontWeight:'light'
                      }
               }
          }
        _Bold =()=>{
            this.setState({inputStyles:{
                  fontWeight:'bold'
            }})

        }

      render() {
        return(


               <View style={styles.container}>
                       <StatusBar backgroundColor="#24292e" barStyle="light-content" />

                       <TextInput  placeholder="Star to write"
                        style={this.state.inputStyles}
                      />

              <TouchableOpacity onPress={()=>this._Bold()}>
                    <Text>BOLD</Text>
              </TouchableOpacity>
               </View>



               ) 
          }
      }
    `

我正在尝试创建富文本编辑器,该富文本编辑器将具有诸如单击以加粗显示的选项,当我尝试将其内容从原来的状态更改为最终会影响...的情况时,如何在不影响以前的内容的情况下实现这一目标?

如果我理解正确,我认为您必须将TextInput更改如下: 回答如下:

更多推荐

如何在不影响以前键入的文本的情况下更改TextInput样式本机反应

本文发布于:2024-05-07 08:03:05,感谢您对本站的认可!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:本机   样式   情况下   文本   如何在

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!