使用react native我遇到的问题

最新推荐文章于 2024-04-11 09:57:54 发布

奥吼吼~~

最新推荐文章于 2024-04-11 09:57:54 发布

阅读量296

点赞数 1

分类专栏： react

本文链接：https://blog.csdn.net/zhoulib__/article/details/104503436

版权

react 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

ScrollView滑动条可以用作根标签
style={[‘style.a’,‘style.b’]}
StatusBar
第二中style设置
flex盒子练习

gradlew clean 在android文件下运行 清除缓存

解决react-native无法请求某接口的请求头文件
这里用axios请求QQ音乐接口为列

 var url = "https://u.y.qq.com/cgi-bin/musicu.fcg"
    const datas = {
      g_tk: 1294813765,
      loginUin: 3495486882,
      hostUin: 0,
      format: 'jsonp',
      inCharset: 'utf8',
      outCharset: 'utf-8',
      platform: 'yqq',
      notice: 0,
      needNewCode: 0,
      data: JSON.stringify(oData),
    };
                var oData = {
      req:{
          module:"CDN.SrfCdnDispatchServer",
          method:"GetCdnDispatch",
          param:{
                guid:'6326677600',
                calltype:0,
                userip:""
              }},
  req_0:{
    module:"vkey.GetVkeyServer",
    method:"CgiGetVkey",
    param:{guid:'6326677600',
          songmid:[this.props.mid],
          songtype:[0],
          uin:"3495486882",
          loginflag:1,
          platform:"20"
        }
        },
    comm:{uin:3495486882,format:"json",ct:'24',cv:0}}
        axios.get('https://u.y.qq.com/cgi-bin/musicu.fcg', {
          params:{data: JSON.stringify(oData)},
          headers: {
             Accept:
            'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3',
            'Accept-Encoding': 'gzip, deflate',
            'Accept-Language': 'zh-CN,zh;q=0.9,en;q=0.8',
            'Cache-Control': 'max-age=0',
            'referer': 'https://u.y.qq.com',
            'host': 'u.y.qq.com',
            'Upgrade-Insecure-Requests': '1',
              'User-Agent':
            ' Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.131 Safari/537.36',
          }
      }).then((res) => {
        this.setState({
            songUri:res.data.req_0.data.sip[0] + res.data.req_0.data.midurlinfo[0].purl
        })
        console.log(this.state.songUri)
      }
      )

react-native-vector-icons图标库
https://oblador.github.io/react-native-vector-icons/
react-native 打包apk 并解决图片不出现问题

	react-native官网打包apk方法：https://reactnative.cn/docs/signed-apk-android/
	解决办法：
	找到 \android\app\src\main\AndroidManifest.xml文件
	添加 android:usesCleartextTraffic="true"
	找到项目 android目录下 gradle.properties文件 打开加入如下代码：
	
android.enableAapt2=false

下面是我测试QQ音乐时使用到的api
https://y.gtimg.cn/music/photo_new/T002R300x300M000000WV0zU0GL3DG.jpg?max_age=2592000
https://y.gtimg.cn/music/photo_new/T002R300x300M000000WV0zU0GL3DG.jpg?max_age=2592000
000WV0zU0GL3DG_1
https://y.gtimg.cn/music/photo_new/T002R300x300M000003c616O2Zlswm.jpg?max_age=2592000
https://y.gtimg.cn/music/photo_new/T002R300x300M000000WV0zU0GL3DG.jpg?max_age=2592000
https://u.y.qq.com/cgi-bin/musicu.fcg?-=getUCGI764834221369159&g_tk=148877507&loginUin=3495486882&hostUin=0&format=json&inCharset=utf8&outCharset=utf-8&notice=0&platform=yqq.json&needNewCode=0&data=%7B%22comm%22%3A%7B%22ct%22%3A24%2C%22cv%22%3A0%7D%2C%22songinfo%22%3A%7B%22method%22%3A%22get_song_detail_yqq%22%2C%22param%22%3A%7B%22song_type%22%3A0%2C%22song_mid%22%3A%22000tF0aG35VEAq%22%2C%22song_id%22%3A254330099%7D%2C%22module%22%3A%22music.pf_song_detail_svr%22%7D%7D
https://blog.csdn.net/cnhongbinli/article/details/82121348?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task